微信网页开发(2)--使用微信开发者工具

点此查看 微信公众号/微信网页/微信支付/企业微信/小程序开发合集及源代码下载

1. 背景

为了方便调试，微信网页开发最好使用微信开发者工具。因为我们使用普通浏览器是无法调用微信APP接口的，而开发者工具就可以，另外开发者工具还可以方便的查看调试、错误提示信息。

注意，强烈推荐大家使用开发者工具调试，使用一般的浏览器因为看不到微信返回的错误提示信息，会麻烦很多。

2. 下载安装

官方有下载地址：点此下载

下载后，一直点下一步安装即可。

3. 绑定公众号

可以将开发者的微信，绑定到一个公众号上，这样在使用开发者工具时，就能针对该公众号精准调试了。

登录公众号，点击【设置与开发】-【Web开发者工具】-【绑定开发者微信号】，然后按照提示绑定开发者的微信账号即可。

注意邀请后，开发者需要登录自己的微信同意邀请。

4. 登录开发者工具

此时开发者使用微信，扫码登录开发者工具。

5. 调试网页

登录后，选择【公众号网页项目】，来调试网页。

看下图的调试界面，我们在地址栏输入想要调试的网址，然后后侧有控制台可以看到调试信息。此处能发现微信开发者工具应该也是基于chrome浏览器开发的，右侧的工具栏跟chrome一模一样。当然该开发者工具还有一些针对微信接口的功能，这是我们使用的重点！

6. 小结

有了微信开发者工具，我们就可以方便的开发调试微信网页了。