admin管理员组

文章数量:1572325

随着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

版权声明：本文标题：QQ浏览器调试解决方案 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1727722018a1126898.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。