资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么使用微信开发者工具调试在微信端访问的网页-创新互联

怎么使用微信开发者工具调试在微信端访问的网页,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司专业为企业提供双桥网站建设、双桥做网站、双桥网站设计、双桥网站制作等企业网站建设、网页设计与制作、双桥企业网站模板建站服务,十载双桥做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 使用微信开发者工具来调试.

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去:

怎么使用微信开发者工具调试在微信端访问的网页

点击"绑定开发者账号":

怎么使用微信开发者工具调试在微信端访问的网页

输入待绑定的微信账号:

怎么使用微信开发者工具调试在微信端访问的网页

点击绑定,该微信号会收到一条消息,询问是否绑定:

怎么使用微信开发者工具调试在微信端访问的网页

点击同意操作完成绑定.

怎么使用微信开发者工具调试在微信端访问的网页

接下来,把要调试的web应用的url放到微信开发者工具地址栏里,回车之后,微信开发者工具就会弹出一个询问窗口,点击Allow之后,就可以在微信开发者工具提供的类似Chrome开发者工具调试器一样的界面里进行单步调试了.

怎么使用微信开发者工具调试在微信端访问的网页

这个粘贴到地址栏的url很有讲究。

https://open.weixin.qq.com/connect/oauth3/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

其中appid=后面的值,是从微信公众号控制台里拷贝出来的appid:

怎么使用微信开发者工具调试在微信端访问的网页

redirect_uri, 即为我们开发的web应用,部署到服务器之后生成的url,需要经过url encode处理:https://www.xxx.com/smart

这个url准备好之后,将其粘贴到微信开发者工具地址栏里,回车,即可看到一个对话窗口,要求获得我们公开信息的许可:

怎么使用微信开发者工具调试在微信端访问的网页

点击Allow之后,就可以像使用Chrome开发者工具的调试器一样,在微信开发者工具里进行单步调试了:

怎么使用微信开发者工具调试在微信端访问的网页

关于怎么使用微信开发者工具调试在微信端访问的网页问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联-成都网站建设公司行业资讯频道了解更多相关知识。


名称栏目:怎么使用微信开发者工具调试在微信端访问的网页-创新互联
标题路径:http://cdkjz.cn/article/dedcgo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220