使用TBS Studio调试微信小程序 向右看齐 2022-05-22 06:10 221阅读 0赞 工作中开发微信小程序,使用的Vue开发前台页面,平时都是在谷歌浏览器上进行调试,一切都没有问题。当把程序上线到微信小程序上,出现了问题,页面点击没有反应,无奈没办法在谷歌浏览器上进行调试,于是在网上搜索,看看大家都是如何调试小程序的。终于,发现了腾讯自己的调试工具TBS Studio。 首先下载TBS Studio, [链接https://x5.tencent.com/tbs/guide.html][https_x5.tencent.com_tbs_guide.html], 安装之后连接手机。 按照文档的说明[https://x5.tencent.com/tbs/guide/debug/season7.html][https_x5.tencent.com_tbs_guide_debug_season7.html] 1.使用微信打开http://debugtbs.qq.com/,点击“查看内核版本”,显示:”内核版本信息:43xxx”,如果版本号小于439xx则需要执行下一步升级内核。 2.打开http://debugtbs.qq.com/,点击“安装线上TBS内核”。 重启微信, 检查内核版本号。 3.打开http://debugx5.qq.com/,选中“信息”->“打开x5jscore inspector ”复选框。重启微信。 4.打开微信,“发现”-》小程序,选中小程序 按照步骤进行操作,因为我要调试的是小程序,选择小程序,扫码之后在微信上进行操作。 ![70][] 微信上会提示你是否调试小程序,选择是,打开你要调试的小程序,然后在TBS上点击开始调试,进入到我们熟悉的页面 ![70 1][] 选择你要调试的页面,打开之后就可以实现手机和电脑同步了, ![70 2][] 接下来就和在谷歌浏览器上调试一样,终于找到了问题的原因,解决了问题之后,发现世界都变美丽了。 对于大家说的不显示webview,可以参考腾讯官方的文档 [https://x5.tencent.com/tbs/guide/debug/season7.html][https_x5.tencent.com_tbs_guide_debug_season7.html] [https_x5.tencent.com_tbs_guide.html]: https://x5.tencent.com/tbs/guide.html [https_x5.tencent.com_tbs_guide_debug_season7.html]: https://x5.tencent.com/tbs/guide/debug/season7.html [70]: /images/20220522/b194bf6a70884356b5f49413a7adc09d.png [70 1]: /images/20220522/7d45de8eb0d644d18cf2b2f3999e2e2e.png [70 2]: /images/20220522/12febf946b574daa8a98454873c506a9.png
还没有评论,来说两句吧...