JavaScript 和 Vue.js 如何查看手机上的开发调试信息？vConsole.js 前端开发者调试面板

阅读量：

官方说明：一款专为手机网页设计的轻型前端开发调试工具，具备良好的扩展性与实用性。

特性

检查 console 日志信息
- 分析网络通信请求
- 审视页面元素构成
- 查阅 Cookies、localStorage 以及 SessionStorage 内容
- 手动运行 JS 命令
- 开发自定义扩展模块

一、CDN使用方法。

复制代码

 <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>

    
 <script>
    
   // VConsole 默认会挂载到 `window.VConsole` 上
    
   var vConsole = new window.VConsole();
    
 </script>

建议将文件下载至本地进行使用，由于无法确认对方服务器是否会随时中断服务。

二、使用 npm。

复制代码

 import VConsole from 'vconsole';

    
  
    
 const vConsole = new VConsole();
    
 // 或者使用 options 选项初始化
    
 const vCons

全部评论 (0)

还没有任何评论哟~