使用TBS|使用TBS Studio在微信浏览器内进行H5页面真机调试

超简单chrome浏览器真机调试
TBS Studio 下载
TBS Studio安装参考:https://www.jianshu.com/p/f605d89b8287
使用过程中可能遇到的问题

  • 用手机微信扫描这个二维码,提示“设备不支持X5 Blink”。其实它应该进入X5调试页面!请在微信里打开这个地址或扫描下方二维码:http://debugx5.qq.com ,X5 BLink是微信浏览器,新版微信应该能打开哈。打开之后找到TBS Settings,选中“打开TBS内核Inspector调试功能”。
  • 找不到设备:安装SDK,然后执行命令adb devices
  • 手机上安装TBS内核 https://debugtbs.qq.com/ “安装线上内核”,并确认“内核未被禁用”。
1. 本工具目前仅支持android设备
2. 微信调试时如何开启Inspector功能?
解决方案:
方案一:1) 在“X5调试页面”上,点击进入“信息”Tab。
X5调试页面地址:http://debugx5.qq.com
  1. 找到TBS settings栏目,勾选“是否打开TBS内核Inspector调试功能”,然后点击确认,进程自动退出。
  2. 重新打开Web页面,使用Inspector页面调试功能。
方案二:扫描二维码(根据提示打开调试开关)
3. 没有tbs内核的手Q,第一次跳转到debugtbs.qq.com的时候要如何操作?
解决方案:
  1. 点击“安装线上TBS内核”,等待下载和安装TBS内核。
  2. TBS内核安装成功后,点击确认重启再次扫码进入Inspect中转页面。
4. 电脑死活adb连接不成功?
解决方案:
方案一: 确保USB与PC的连接
  1. 请确保USB连线能正常连通PC和手机(非常重要呀!)
简单确认方法:手机状态栏显示为充电状态。
  1. 请确保PC的USB驱动已正常安装,可以在控制面板“设备管理器” “通用串行总线控制器”中确认无异常USB设备显示。
  2. 点击重置,再次“启动检测”。
方案二: 使用adb启动
  1. 使用内置adb包( win下载, mac下载),手动启动adb
运行 adb devices
  1. 找到设备,点击重置,再次“启动检测”
  2. 未找到设备,或者offline
【使用TBS|使用TBS Studio在微信浏览器内进行H5页面真机调试】① 运行命令 adb kill-server -> adb start-server -> adb devices
② 重拔usb链接调试设备
③ 重启调试设备
④ 重启电脑...
方案三: 安装PC应用宝
方案四: 安装android SDK
5. Windows下提示adbWinApi.dll找不到?
解决方案:
  1. 更换TBS Studio.exe到C:\Windows\SysWOW64目录下执行
6. 安装调试Demo卡在99%?
解决方案:
  1. 更新最新的调试工具(下载地址文末),已经将tbs demo内核版本更新到3.x版本
下载地址:
https://x5.tencent.com/tbs/guide/debug/download.html
官方文档:
https://x5.tencent.com/tbs/guide/debug/faq.html

    推荐阅读