随着X5内核影响力的扩大,使用QQ浏览器调试的诉求也变得越来越迫切,那么如何用简单且可信赖方法来实现呢?往下看
一、QB inspect包介绍:
QQ浏览器发布版本的时候,对应构建一个inspect版浏览器,调试问题请联系qq78522643,或者联系技术同学12143594。
调试的优势有三点:具备chrome调试器的console.log、断点、文件可编辑,解决了移动端调试的痛点
二、调试方案有两种:
1)usb调试版功能的原理如下图(usb要始终保持和pc连接通信):
usb调试环境搭建如下:
a) 下载python for window:https://www.python/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///tbs_inspect/sq_webview_debug.zip
延伸阅读
▶ Walkthrough007
更多推荐
QQ浏览器调试解决方案
发布评论