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

二、調(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)首頁，同時pc打開chrome瀏覽器，輸入http://localhost:9222/，看到對應(yīng)的區(qū)塊



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

可編輯：



可斷點：



可打log：



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

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



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



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



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

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

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

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

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

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

延伸閱讀

---

??Walkthrough007

總結(jié)

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

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