微信瀏覽器webview調試

原文 http://segmentfault.com/a/1190000004138415

QQ瀏覽器提供微信調試的插件，本來應該是一件很值得高興的事情，但是TX改不了一貫的作風，產品狗非要設計為強制設置默認瀏覽器且QQ所有鏈接都必須使用QQ瀏覽器打開，并且無法修改（老版本QQ可以設置）。

說實在的，其實體驗蠻好的，默認導入書簽（你TM經過我允許了？說不定密碼也導入了，當初360瀏覽器就這么干了），提供IE、Chrome和Edge三個內核（三核瀏覽器從此誕生，嚇尿了），不對，你自己的X5內核呢？不然就四核了。太多我不想吐槽……

于是我已經不打算用了那個好用的調試工具了（但是開發的這個工具還是很好的），然后想到之前的一篇文章： 屌爆了,完美調試 微信webview(x5) ，再次回顧了一下，QQ瀏覽器應該用的是同一招，細心的話會發現這應該就是調試工具的雛形。

TBS安裝

1. 可以先試試上面提到的文章中的辦法（我沒安裝成功）

2. 微信中打開網址 http://debugtbs.cc ，安裝本地TBS內核，不成功則安裝線上TBS內核

3. 微信調試工具提供的辦法

ADB安裝與啟動

這是用于連接android手機的，具體安裝參考文章中已經提到。 Android-SDK下載 ，設置環境變量可根據 window設置環境變量

• 查看連接設備

  然后進入D:\Program Files\AndroidSDK\platform-tools，打開cmd，執行

D:\Program Files\AndroidSDK\platform-tools>adb.exe devices
List of devices attached
95CANR4H6T9S7HPJ        device

• 啟動和停止ADB不需要配置指定設備，執行

D:\Program Files\AndroidSDK\platform-tools>adb.exe start-server
* daemon not running. starting it now on port 5037 *
* daemon started successfully *
D:\Program Files\AndroidSDK\platform-tools>adb.exe kill-server

調試服務

需要安裝python（hint:2.7版本會出現常見的編碼問題），下載參考文檔中的 指定文件 ，打開手機端USB調試。

解壓后進入D:\Tools\wx_sq_webview_debug\inspector_client20150401打開cmd執行

python ./inspector.py --adb "D:\Program Files\AndroidSDK\platform-tools\adb.exe"

然后瀏覽器打開 http://localhost :9222/即可顯示微信中打開的需要調試的頁面。

一鍵執行

每次執行這些命令太麻煩，寫個 bat文件 一次性執行即可，第一次寫，寫的很丑：

@echo off
cd "D:\Program Files\AndroidSDK\platform-tools\"
start adb start-server
start %HOMEDRIVE%\Python27\pythonw "D:\Tools\wx_sq_webview_debug\inspector_client20150401\inspector.py" --adb "D:\Program Files\AndroidSDK\platform-tools\adb.exe"
echo begin server at:http://localhost:9222/
:begin
set /p INPUT= Stop server(Y/N)?:
if /i "%INPUT%"=="y" (goto stop
) else (
    goto begin
)
:stop
echo stop server
start adb kill-server
exit

自己修改對應的Android-SDK、Python和chrome inspector的路徑即可。

Finally

當然是卸載QQ瀏覽器啊，瞬間清凈了，不彈窗口了，手機也不會動不動安裝各種應用了，不會默認安裝手機QQ瀏覽器了，開開心心睡覺！

原文鏈接