web爱好者 器粉新人
超级管理员
2015-04-27 17:08:15 

手机QQ浏览器调试解决方案

 本帖最后由 web爱好者 于 2015-08-29 13:43:40 编辑随着X5内核影响力的扩大,使用QQ浏览器调试的诉求也变得越来越迫切,那么如何用简单且可信赖方法来实现呢?往下看
 
一、QB inspect包介绍:
     
     QQ浏览器发布版本的时候,对应构建一个inspect版浏览器,qq浏览器inspect版本下载地址:http://res.imtt.qq.com///tbs_inspect/sq_webview_debug.zip,调试问题请联系qq78522643,或者联系技术同学12143594。
      新版QQ浏览器 inspect包下载地址:http://res.imtt.qq.com///tbs_inspect/qqbrowser_android_arm_obfs_zipaligned_x5_6.1.zip
          
     调试的优势有**:具备chrome调试器的console.log、断点、文件可编辑,解决了移动端调试的痛点

二、调试方案有两种:

     1)usb调试版功能的原理如下图(usb要始终保持和pc连接通信):



usb调试环境搭建如下:

a) 下载python for window:https://www.python.org/downloads/



下载安装完成,配置环境变量



cmd命令模式下进行:



b)解压inspector_client20150401.7z包到指定目录,cmd命令下切换至解压目录,执行python inspector.py,如图





e)手机启动QQ浏览器,例如打开默认首页,同时pc打开chrome浏览器,输入http://localhost:9222/,看到对应的区块



点击之后,能够查看到对应区块的节点,神奇的一幕,chrome调试器?很熟悉的身影

可编辑:



可断点:



可打log:



2)加强版wifi热点调试法:采用pc电脑作为wifi热点,手机连接pc热点进行调试,彻底摆脱usb线的限制。

a) 搞一个无线网卡,激活驱动,安装Connectify Hotspot,安装之后,配置帐号,密码作为wifi热点,启动热点



b)手机在方案一的基础上,连接自己pc创建的wifi热点,记得关闭防火墙(这个坑踩了一次,花费了我2个小时)



c) 手机安装tbs suite包,打开点击Wifi ADB
选择open wifi adb,出现adb connect 192.168.92.101:5555
pc机上开启两个cmd窗口,切换到inspect脚本目录:
使用手机tbs suite产生的192.168.92.101来操作步骤一、和步骤二,如下图



手机启动QQ浏览器,例如打开默认首页,同时pc打开chrome浏览器,输入http://localhost:9222/,看到对应的区块,操作步骤和方法一的e步骤一样

有了这样的调试法,前端开发和问题跟进又迈了一步。

特别鸣谢:x5团队提供技术支持

需要的工具上传到附件里面

问题反馈收集:
1、如果adb**正常,安装调试包也正常,没有连接成功(检测usb线连接、手机是否root过、QQ浏览器是否打开

相关附件请到点击如下地址:http://res.imtt.qq.com///tbs_inspect/sq_webview_debug.zip
42 条回复
Wiz666 器粉跑堂
2015-05-11 11:48:47 沙发
 本帖最后由 Wiz666 于 2015-05-11 11:49:02 编辑这个方式支持微信里的x5内核调试吗?
Daniel Wang 普通器粉
活跃会员
2015-05-11 11:59:37 发自手机 板凳
顶一下
  高级器粉
2015-05-11 12:49:58 发自手机 地板
罹天烬 器粉跑堂
2015-05-21 14:34:34 4#
请问在mac上如何调试?
下载文件后执行Inspector.py一直报permission denied
web爱好者 器粉新人
超级管理员
2015-05-28 17:14:42 5#
Wiz666 发表于 2015-05-11 11:48:47 
这个方式支持微信里的x5内核调试吗?

微信有专门的调试方法,请查看http://bbs.mb.qq.com/thread-243399-1-1.html?pid=313743&fid=93#313743
web爱好者 器粉新人
超级管理员
2015-05-28 17:15:39 6#
罹天烬 发表于 2015-05-21 14:34:34 
请问在mac上如何调试?下载文件后执行Inspector.py一直报permission denied

确保自己mac上的adb权限,inpsector.py触发机器上的adb
f0x11 器粉跑堂
2015-05-28 19:37:39 7#
需要root吗
web爱好者 器粉新人
超级管理员
2015-05-30 14:46:25 8#
f0x11 发表于 2015-05-28 19:37:39 
需要root吗

手机需要root过
涵曦 器粉跑堂
2015-06-01 09:02:26 9#
 本帖最后由 涵曦 于 2015-06-01 09:04:11 编辑sq_webview_debug.zip 的后缀应该是 .rar
unzip 解压不了,用 unrar 就能解压。
inspector_client20150401.zip 的后缀应该是 .7z
后缀名不要乱来。。。
涵曦 器粉跑堂
2015-06-01 09:23:45 10#
罹天烬 发表于 2015-05-21 14:34:34 
请问在mac上如何调试?下载文件后执行Inspector.py一直报permission denied

python3 inspector.py -a /usr/bin/adb


需要指定adb的路径。
有所希冀 器粉跑堂
2015-09-26 13:25:48 11#
新版QQ浏览器 inspect包下载地址:
http://res.imtt.qq.com///tbs_inspect/qqbrowser_android_arm_obfs_zipaligned_x5_6.1.zip
这个浏览器无法扫二维码。。




桥_mRdA6j 器粉跑堂
2015-10-13 07:27:40 发自手机 12#
该楼层已被删除
刚子_8pC1oE 器粉跑堂
2015-10-15 12:17:56 13#
我用的是mac,从卡片点进去后,看不到控制台啊,求助

刚子_8pC1oE 器粉跑堂
2015-11-05 13:10:05 14#
刚子_8pC1oE 发表于 2015-10-15 12:17:56 
我用的是mac,从卡片点进去后,看不到控制台啊,求助

昨天把系统升级了,今天运行时报这错

Traceback (most recent call last):
  File "inspector.py", line 104, in <module>
    retCallAdb = call(adbCmd) 
  File "/System/Library/Frameworks/Python.framework/Versions/3.5/lib/python3.5/subprocess.py", line 560, in call
    with Popen(*popenargs, **kwargs) as p:
  File "/System/Library/Frameworks/Python.framework/Versions/3.5/lib/python3.5/subprocess.py", line 950, in __init__
    restore_signals, start_new_session)
  File "/System/Library/Frameworks/Python.framework/Versions/3.5/lib/python3.5/subprocess.py", line 1540, in _execute_child
    raise child_exception_type(errno_num, err_msg)
PermissionError: [Errno 13] Permission denied

风吹过淡蓝色天空 狂热器粉
中秋节勋章
2015-11-05 14:51:13 发自手机 15#
http://bbs.mb.qq.com/mobile/thread-364436-1-1.html?fid=93&gid=45
风吹过淡蓝色天空 狂热器粉
中秋节勋章
2015-11-05 15:36:54 发自手机 16#
刚子_8pC1oE 发表于 2015-11-05 13:10:05 
昨天把系统升级了,今天运行时报这错Traceback (most recent call last):  File "i ...

http://bbs.mb.qq.com/mobile/thread-364436-1-1.html?fid=93&gid=45
刚子_8pC1oE 器粉跑堂
2015-11-05 16:13:09 17#
风吹过淡蓝色天空 发表于 2015-11-05 15:36:54 
http://bbs.mb.qq.com/mobile/thread-364436-1-1.html?fid=93&gi ...

一直显示等待,加载不了

刚子_8pC1oE 器粉跑堂
2015-11-05 16:15:49 18#
刚子_8pC1oE 发表于 2015-11-05 16:13:09 
一直显示等待,加载不了

风吹过淡蓝色天空 狂热器粉
中秋节勋章
2015-11-05 16:20:58 发自手机 19#
刚子_8pC1oE 发表于 2015-11-05 16:15:49 

看我发给你的链接贴
回复

您需要 登录 后才可以回帖