调试痛苦之vConsole完美

本文介绍了在微信环境下进行页面调试的两种方法——vConsole和X5,并详细阐述了它们的使用步骤及优缺点。vConsole虽然方便引入,但在请求查看和断点调试方面存在局限;而X5调试工具提供了更全面的内核Inspector功能,适用于更复杂的调试场景。
摘要由CSDN通过智能技术生成

调试痛苦之vConsole完美

对于日常的调试需求,Chrome 就可以满足,当你有MAC电脑的时候,再配上iphone手机,开启Safari调试也是很完美的。可是当你的页面运行在微信,但又不是公众号的时候,微信开发者工具和 Chrome 就无能为力了,上网查了一些资料,大家推广的有两种方案可以解决微信环境调试页面的问题,一个是:vConsole,另外一个是:X5。今天我们就来简单谈谈这两种调试技巧以及他们之间的差异。

vConsole 的使用方式

1. 引入一个js文件:
为了方便大家不用再去查找下载链接,我已经把 js 文件放在我自己的码云项目里面,大家可直接自行下载,点击下载,或者使用 CDN 加载,使用方式如下:

 <head>
 <!-- 下载引入 -->
    <script src="dist/vconsole.min.js"></script>
 <!-- CDN -->
    <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"><
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值