Mac电脑版微信Web开发者工具和TBS Studio连接Android 设备真机调试

立川同学发布

我用的是一台海信的Android手机。打算进行真机调试。

上来先扫微信开发者工具的“移动调试”。我的微信开发者工具版本是v0.7.0苹果版。

屏幕快照-微信开发者工具移动调试

用手机微信扫描这个二维码,提示“设备不支持X5 Blink”。其实它应该进入X5调试页面!请在微信里打开这个地址或扫描下方二维码:http://debugx5.qq.com

微信X5调试设置

X5 BLink是微信浏览器,新版微信应该能打开哈。打开之后找到TBS Settings,选中“打开TBS内核Inspector调试功能”。

X5调试页面

我顺道打开了TBS内核X5jscore Inspector调试功能。

接下来就要把手机和电脑连接上,让调试数据在两个设备之间流动。

 

在手机上找到“设置”,在“关于手机”里找到“内核版本”(有些手机可能是“版本号”),总之版本号上连续多点几下,就能启动开发者模式。启动后回到上一级,设置里就多了“开发者选项”

安卓设备开发者选项

在“开发者选项中”,打开“USB调试”。这样手机才会允许调试功能,但数据能不能通,还要再做设置。

用USB数据线连接手机和电脑(请使用优质数据线)。

点击开始调试,我就是这一步被害惨。死活找不到设备。最后下载TBS Studio。TBS Studio也找不到设备,但是开发文档提示安装adb,并提供一个v1.0.31版本的下载。这个命令行工具也不行,马上去Google网站找最新版本。原来ADB全称Android Debug Bridge (adb),这是电脑和手机之间沟通的最重要桥梁!现在已经更新到1.0.41,在Google网站下载adb

安装后在苹果手机终端工具启动命令行运行:adb devices

请注意要带路径哈,不然Mac找不到你的adb命令。

屏幕快照 2019 07 04 13 45 53

上图是我两次启动adb的截屏。第一次启动,因为设备上没有授权,所以显示失败。第二次在设备上授权通过,成功连接。

允许USB调试

 

信任计算机

信任计算机后,安卓设备才会放行调试数据。

千辛万苦连接上,设备列表也出现了手机,但是访问页面之后,inspect仍然显示空白!

这时要在手机上安装TBS内核。TBS Studio显示扫二维码可,我扫了但是不会跳转。

X5内核版本不跳转

死在这个界面上。最后手工输入网址 https://debugtbs.qq.com/

进入TBS网站界面

tbs调试页面

在这里,“安装线上内核”,并确认“内核未被禁用”。

这一套走下来,手机打开微信,访问任意网址,TBS Studio终于顺延进入页面调试。

TBS Studio实时调试页面

但是,微信开发者工具在连接设备后,仍然显示空白页。如果哪位朋友知道解决方法,请教教我哈,谢谢!