vconsole(移动端调试)

web开发过程中,在移动端上使用的时候,我们没法子看到打印的console或者报错或者network请求,这个时候我们会选择使用alert弹出一些信息,但是这种方法不怎么方便,也会阻断JS线程,导致后面的线程都不执行。也影响调试体验。

因此我们需要借助第三方插件:vConsole

1.使用方法

1.1 在npm上下载最新版本vconsole,将dist/vconsole.min.js导入到项目里面
<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script> 
1.2 通过npm安装
npm install vconsole

多页面就新建vconsole.js文件

import Vconsole from "vconsole"
let _export = new Vconsole()
export default _export

按需引入

import "../../../tools/vconsole"

单页面的话就在main.js中引入:

// 因为vConsole并不需要调用,
// 所以前面加“eslint-disable no-unused-vars”规避掉eslint语法检查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在做移动端页面的时候,比如是微信的页面,不在微信开发者的工具是无法在正常的浏览打开的。亦或者是再进行混合开发的时候...
    ismyshellyiqi阅读 14,350评论 2 0
  • 使用说明 如果是vue,react等,以下代码写在index.html中 如果是普通的html页面,直接添加在要调...
    剑指流云阅读 4,200评论 0 1
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,423评论 0 2
  • 利用Vconsole和Fillder进行移动端抓包调试 在开发中,有时候我们需要在手机上进行测试,可是如果遇到bu...
    苏本的书柜阅读 5,264评论 0 1
  • 做移动端项目小伙伴们,经常由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。也尝试过ch...
    犹豫大王阅读 21,186评论 1 3

友情链接更多精彩内容