使用TBS Studio进行微信公众号真机调试

引言

目前在微信公众号开发中大家都很了解微信开发者工具，在早期的微信开发者工具中有移动调试功能，让手机通过代理的方式开通移动调试，但是最新版本的微信开发者工具中移除了移动调试功能。

image.png

在微信公众号开发的实际过程中，因为网络部署、证书等种种原因会引起某些手机兼容性问题，这时候微信开发者工具就爱莫能助了，如何解决真机调试的问题，那就必须借助TBS Studio。

TBS Studio是什么

TBS Studio是面向基于TBS的Web开发者和移动应用开发商（包括微信、手Q，三方App等）打造的开发服务整体解决方案，以提升广大开发者在真机环境下的开发效率，并帮助开发者分析和优化网页的设计，主要功能有网页Inspector调试，网页性能分析等。

TBS Studio在哪里

TBS Studio 下载

TBS Studio如何使用

1. 下载安装。
   按照官方手册安装。

2. 手机打开usb调试，连接到电脑

   
   image.png
   

   3.打开手机上的微信app并让微信保持在前台。
   4.打开TBS Studio，点击启动检测。

   
   image.png

3. tbs弹出确认，点击确定。

   
   image.png
   

   6.设定tbs的调试状态，公众号里选择普通网页。

   
   image.png

4. 使用微信扫二维码，根据提示操作，操作完成后重新开启微信app，打开要调试的公众号或h5链接。
   8点击tbs的启动调试，得到如下界面。

   
   image.png
   

   9.找到要调试的连接点击对应的inspect，打开开发者工具，剩下的就和电脑chrome一样了，这里操作界面是和手机同步的。

   
   image.png

over~~~~enjoy it。