介绍一下微信开发者调试工具
具体参考文档
- https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN
既然有其他移动端调试工具，那么我们为什么要用微信开发者调试工具呢？好处有这几点
- 使用自己的微信号来调试微信网页授权
这是最重要的一点，现有的调试工具始终无法实现获取微信昵称，头像这样的操作，而在微信开发者调试工具中，可以直接使用你的微信号进行调试，来完整的复现整个与微信功能有关的流程
-
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出
-
使用基于 weinre 的移动调试功能，支持 X5 Blink 内核的远程调试
这个听起来比较绕，通俗的来讲，你可以将你的手机直接连代理，这样可以直接在mac上看见你手机上实时的代码，解决一些手机兼容性问题很有用。而X5 Blink其实就是你可以直接看见你手机正在运行的JS代码，但很遗憾，此功能目前只支持Android。
- 利用集成的 Chrome DevTools 协助开发
这个就不用多说了,可以使小伙伴像用Chrome一样的使用微信开发者工具
安装步骤
-
打开微信开发者工具界面，用手机的微信扫码登录
-
点击确认登录，绑定“微信 web 开发者工具”公众号
-
找公司相关的管理人员登录管理后台，发送绑定邀请，接受邀请
具体调试步骤
-
mac上调试，直接调试就好，如同我们的Chrome调试工具。
-
移动端普通调试可以设置自己的网络选项，设置代理到自己电脑。（IP以及端口号界面上都有）当remote标签颜色变绿后说明连接成功，可利用其他标签进行调试。
-
移动端调试连接USB线后，先在手机上打开开发者选项，打开USB调试。（如果找不到开发者选项，点关于手机后点击7次版本号，不要谢我！） 扫描开发工具的二维码，在弹出的tab页中选中TBS 内核 Inspector选项，重启微信。此时打开想要调试的页面，点击调试者工具弹出窗口中任意网页的inspect按钮即可开始调试。