微信web开发者工具初探

Posted 2020-07-07 北风吹雪

　　最近需要在微信企业号中挂接网页，之前也没有接触过微信开发，刚开始也不知道怎么调试，后来同事介绍使用“微信web开发者工具”，于是在网上下了一个，使用了一下的确很好用。它不仅支持android和ios同时还可以调试Hybrid APP应用，当然用谷歌的开发者工具也能调试Hybrid应用。

　　这里是官方下载地址：http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html#.E4.B8.8B.E8.BD.BD.E5.9C.B0.E5.9D.80

在真机调试中它有两种调试模式，普通调试和X5 Blink 内核调试。前一种在Android和IOS中通用，后一种则是Android特有的一种调试方式，支持断点，几乎和Google的Developer Tools一样，功能很强大，但是需要先验证一下手机是否支持这种模式，一般高版本的安卓系统都支持，我是Android4.4。

普通调试模式

操作步骤很简单，这里附上一张我个人的代理设置：

设置完记得重启微信，然后点击开始调试

其实就是通过设置代理进行调试，这种调试模式比较局限，调试界面也比较简单，只能跟踪网络请求，其它的好像都不行，反正我这不行，界面如下：

 

 

X5 Blink 内核调试

　　X5调试相对来说更简洁，而且更强大。只需设置一次，后面再调试微信网页的时候只需数据线连接就行。

 

调试界面跟谷歌开发者工具一模一样，很容易上手。

 

注意，如果点击开始调试无法找到设备的话，需要将数据线重连一下，这种方式我屡试不爽，比重启微信还好使。