TBS Studio调试微信公众号

2021年04月29日作者:井井客来源:井井客原创

TBS Studio是腾讯提供的移动端webview调试工具,我们可以利用它,方便的调试微信小程序/公众号。

虽然它的客户端支持Windows和Mac操作系统,但是手机APP调试时只支持安卓手机。接下来先了解它的使用方法。

安装

最开始,我们需要安装客户端调试工具。

TBS Studio下载地址:https://x5.tencent.com/tbs/guide/debug/download.html

使用

安装完成后,打开是这个界面:

打开TBS Studio

在连接手机后,step2中当我们想调试微信,完美的情况下会是这样的:

TBS Studio选择调试APP

不完美的情况:当前APP显示的并不是微信,这时就需要点取消,然后点击“重新检测”,直到显示成“微信”。

接下来跟着步骤来就好,当走到step4时,显示会如下:

TBS Studio设定调试状态

例如我调试的是公众号,可以参照小程序的方法。

在微信中扫码后,会出来一个页面,选择“信息”选项卡,然后把这三个调试功能都勾选上:

微信调试设置

设置成功后,我们点击TBS Studio的"启动调试"按钮,这时会弹出:

微信inspect调试

如图,可以看到我连接的安卓设备,以及设备下的微信公众号页面。点击“inspect”,会弹出调试页面。

如果点击inspect弹出的调试页面空白没反应,可以去 chrome://inspect/#devices 中打开,效果也是一样的。

关于inspect调试,可以参考之前:手机调试APP ,与安卓APP调试方法一样的~

到这里,我们就可以用TBS Studio调试微信公众号了~

文章TAG:工具

本文标题:TBS Studio调试微信公众号
本文链接:http://www.jingjingke.com/c/29374.html

上一篇:如何在webpack项目中使用mock服务
下一篇:一张图来了解浏览器缓存机制