您现在的位置是:主页 > news > 重庆关键词搜索排名/pc网站优化排名软件

重庆关键词搜索排名/pc网站优化排名软件

admin2025/6/6 21:29:00news

简介重庆关键词搜索排名,pc网站优化排名软件,昌吉哥教做新疆菜网站,长春专业做网站公司排名移动端(微信等)使用 vConsole调试console 前言 因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看…

重庆关键词搜索排名,pc网站优化排名软件,昌吉哥教做新疆菜网站,长春专业做网站公司排名移动端(微信等)使用 vConsole调试console 前言 因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看…

移动端(微信等)使用 vConsole调试console
前言
因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试

使用
废话不多说,说说怎么使用的吧。
首先去下载相关的代码,由于只需要在页面引入一个js文件,直接去下载就可以,地址: 请戳我

或者使用 npm 安装:

npm install vconsole

使用webpack,然后js代码中

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

或者找到这个模块下面的 dist/vconsole.min.js ,然后复制到自己的项目中

<head><script src="dist/vconsole.min.js"></script>
</head>
<!--建议在 `<head>` 中引入哦~ -->
<script>// 初始化var vConsole = new VConsole();console.log('VConsole is cool');
</script>

结果
vConsole
点击后
打开vConsole
这里写图片描述
证明安装成功,打开查看你的打印吧。

这里写图片描述
注意
请注意,VConsole 只是 vConsole 的原型,而非一个已实例化的对象。所以在手动 new 实例化之前,vConsole 不会被插入到网页中。

官方文档: https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md
感谢分享 https://blog.csdn.net/m0_37036014/article/details/80113635