一. 简述
web端项目可以查看浏览器控制台信息，方便调试。然而移动端项目没有控制台可看，调试起来特困难。最近在做基于vue框架的移动端项目，有的bug不看日志，无法调试，很头疼。百度一下终于解决了这个难题，基于vue的有个可以在移动端查看日志的插件vConsole，很好用，也方便。
二. 如何使用
1. 引入vConsole插件：yarn add vconsole -s 或 npm install vconsole
2. 使用vConsole插件：需在main.js中引入。
image
3. 初始化vConsole：new 这个对象。
image
4. 使用：在你需要的地方使用console.log()就行。
5. 效果图：
image
image
一. 简述 web端项目可以查看浏览器控制台信息，方便调试。然而移动端项目没有控制台可看，调试起来特困难。最近在做...
移动端调试神器 vconsole的使用 vconsole github文档地址 vconsole的具体使用情况在文...
移动端调试vConsole main.js引入 右下角就会出现一个vconsole按钮
1.package.json安装vconsole包(可以放在devDependencies中) npm inst...
平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。 通过vCon...
web开发过程中，在移动端上使用的时候，我们没法子看到打印的console或者报错或者network请求，这个时候...
移动端（微信等）调试console神器——vConsole 做移动端项目小伙伴们，经常由于在移动端无法打开控制台，...
移动端神器--vConsole 介绍 vConsole 是一个轻量、可拓展、针对手机网页的前端开发者调试面板。vc...
在做移动端页面的时候，比如是微信的页面，不在微信开发者的工具是无法在正常的浏览打开的。亦或者是再进行混合开发的时候...
使用说明 如果是vue，react等，以下代码写在index.html中 如果是普通的html页面，直接添加在要调...
本文标题：2020-12-17 vue---移动端调试功能vConsole
本文链接：https://www.haomeiwen.com/subject/cwbzgktx.html
网友评论