微信公众号怎么真机调试

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

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

 

微信公众号怎么真机调试_第1张图片

image.png

 

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

TBS Studio是什么

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

TBS Studio在哪里

TBS Studio 下载

TBS Studio如何使用

  1. 下载安装。
    按照官方手册安装。
  2. 手机打开usb调试,连接到电脑

     

    微信公众号怎么真机调试_第2张图片

    image.png

     

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

     

    微信公众号怎么真机调试_第3张图片

    image.png

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

     

    微信公众号怎么真机调试_第4张图片

    image.png

     

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

     

    微信公众号怎么真机调试_第5张图片

    image.png

  4. 使用微信扫二维码,根据提示操作,操作完成后重新开启微信app,打开要调试的公众号或h5链接。
    8点击tbs的启动调试,得到如下界面。(这里可能需要打开微信浏览器的TBS调试,方法是:微信打开这个网址 http://debugx5.qq.com/ ,选择“信息”→把TBS调试勾上)

     

    微信公众号怎么真机调试_第6张图片

     

     

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

     

    微信公众号怎么真机调试_第7张图片

你可能感兴趣的:(微信公众号怎么真机调试)