h5 移动端 调试工具有哪些?

常用的移动端调试工具主要有vconsole,eruda

1、vconsole 有引入方式,详细使用方式可以参考官网

(1)npm 引入
// 引入
npm install vconsole -S // 实例化 import VConsole from 'vconsole' const vConsole = new VConsole()
或者在webpack的plugins中配置
plugins:[
  ...
 new vConsole({
     filter: [], // 需要过滤的入口文件
    enable: isVConsole === true // 生产环境不打开
  })
]
(2)通过script标签引入
<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>
var vConsole = new window.VConsole();
</script>
(3) git地址<https://github.com/Tencent/vConsole>

2、eruda,详细使用方式可以参考官网

(1)通过script引入
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>
window.eruda.init();
</script>
(2)github地址 <https://github.com/liriliri/eruda>
上一篇:解决H5设置了line-height但并没有居中的问题


下一篇:关于H5+vue-cli项目在Safari浏览器中的兼容性处理总结