隨著X5內(nèi)核影響力的擴(kuò)大，使用QQ瀏覽器調(diào)試的訴求也變得越來越迫切，那么如何用簡單且可信賴方法來實(shí)現(xiàn)呢？往下看
?
一、QB?inspect包介紹：
?????
?????QQ瀏覽器發(fā)布版本的時(shí)候，對應(yīng)構(gòu)建一個(gè)inspect版瀏覽器，調(diào)試問題請聯(lián)系qq78522643，或者聯(lián)系技術(shù)同學(xué)12143594。
??????????
?????調(diào)試的優(yōu)勢有三點(diǎn)：具備chrome調(diào)試器的console.log、斷點(diǎn)、文件可編輯，解決了移動端調(diào)試的痛點(diǎn)

二、調(diào)試方案有兩種：

?????1）usb調(diào)試版功能的原理如下圖（usb要始終保持和pc連接通信）：



usb調(diào)試環(huán)境搭建如下：

a)?下載python?for?window：https://www.python.org/downloads/



下載安裝完成，配置環(huán)境變量



cmd命令模式下進(jìn)行：



b）解壓inspector_client20150401.7z包到指定目錄，cmd命令下切換至解壓目錄，執(zhí)行python?inspector.py，如圖





e）手機(jī)啟動QQ瀏覽器，例如打開默認(rèn)首頁，同時(shí)pc打開chrome瀏覽器，輸入http://localhost:9222/，看到對應(yīng)的區(qū)塊



點(diǎn)擊之后，能夠查看到對應(yīng)區(qū)塊的節(jié)點(diǎn)，神奇的一幕，chrome調(diào)試器？很熟悉的身影

可編輯：



可斷點(diǎn)：



可打log：



2）加強(qiáng)版wifi熱點(diǎn)調(diào)試法：采用pc電腦作為wifi熱點(diǎn)，手機(jī)連接pc熱點(diǎn)進(jìn)行調(diào)試，徹底擺脫usb線的限制。

a)?搞一個(gè)無線網(wǎng)卡，激活驅(qū)動，安裝Connectify?Hotspot，安裝之后，配置帳號，密碼作為wifi熱點(diǎn)，啟動熱點(diǎn)



b）手機(jī)在方案一的基礎(chǔ)上，連接自己pc創(chuàng)建的wifi熱點(diǎn)，記得關(guān)閉防火墻（這個(gè)坑踩了一次，花費(fèi)了我2個(gè)小時(shí)）



c）?手機(jī)安裝tbs?suite包，打開點(diǎn)擊Wifi?ADB
選擇open?wifi?adb，出現(xiàn)adb?connect?192.168.92.101:5555
pc機(jī)上開啟兩個(gè)cmd窗口，切換到inspect腳本目錄：
使用手機(jī)tbs?suite產(chǎn)生的192.168.92.101來操作步驟一、和步驟二，如下圖



手機(jī)啟動QQ瀏覽器，例如打開默認(rèn)首頁，同時(shí)pc打開chrome瀏覽器，輸入http://localhost:9222/，看到對應(yīng)的區(qū)塊，操作步驟和方法一的e步驟一樣

有了這樣的調(diào)試法，前端開發(fā)和問題跟進(jìn)又邁了一步。

特別鳴謝：x5團(tuán)隊(duì)提供技術(shù)支持

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

問題反饋收集：
1、如果adb監(jiān)聽正常，安裝調(diào)試包也正常，沒有連接成功（檢測usb線連接、手機(jī)是否root過、QQ瀏覽器是否打開）

相關(guān)附件請到點(diǎn)擊如下地址：http://res.imtt.qq.com///tbs_inspect/sq_webview_debug.zip

延伸閱讀

---

??Walkthrough007

總結(jié)

以上是生活随笔為你收集整理的QQ浏览器调试解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。