隨著X5內核影響力的擴大，使用QQ瀏覽器調試的訴求也變得越來越迫切，那么如何用簡單且可信賴方法來實現呢？往下看
?
一、QB?inspect包介紹：
?????
?????QQ瀏覽器發布版本的時候，對應構建一個inspect版瀏覽器，調試問題請聯系qq78522643，或者聯系技術同學12143594。
??????????
?????調試的優勢有三點：具備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

延伸閱讀

---

??Walkthrough007

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。