title: 微信X5內核webview調試
date: 2015-12-15 03:51
comments: true
tags: [debug, webview, 微信]
題記
記得在簡書中很早就發現并收藏這篇文章了，但是點進去一看，又是tbs又是java和android，被嚇傻了，果斷關了網頁。而后的契機（主要有大神帶啦）讓我重新來學習這篇文章，原因有幾個：
- 由于基于微信開發公眾號，微信調試肯定是家常便飯，之前一直都是alert，alert，alert。呵呵，想想之前的自己都很好笑。
- 研究微信的調試方法，發現微信不久前開發了微信調試工具。還有就是jsconsole等等等
- 然后就學習微信的調試方法，可是噩夢呀。必須下載qq瀏覽器，然后就各種惡心人呀。
1.qq上打開的網頁都是qq瀏覽器打開的。我可是深度chrome控呀，除非要調試頁面的兼容性，不然我不會用別的瀏覽器的。
2.強制成為默認瀏覽器，我每次進chrome都要重新設置它是默認瀏覽器。
3.竟然可以同步chrome的書簽，額的親娘呀，果斷不同步呀。說不定密碼什么的也記住了。
當然，qq瀏覽器還是有優點的，三內核瀏覽器，666！打開網頁還是挺快的。
好了，廢話over！！！
配置過程
需要安裝python和java
主要是參考以下兩篇文章：
No.1 tbs安裝
- 下載TbsSuiteNew.apk,然后傳到手機上，安裝。
- 在微信上的任意輸入框內輸入：
//deletetbs,目的是為了刪除手機中之前或許安裝過的tbs。 -
如下圖：安裝步驟完成即可。（親測可用）
tbs
上面的下拉框三個選項分別對應著：微信、qq和qq空間。
- 之間可能有問題的是安裝tbs是要在某個微信網頁停留一分鐘，重點是一分鐘后是切換到TbsSuiteNew，而不是重新打開那個軟件。
- 然后基本就ok了。
如果上面的方法試了幾次也不成功的話，還有另外的方法：
我在配置qq瀏覽器的微信調試工具的時候上面有安裝的方法
No.2 adb安裝
- 下載android-sdk
- 點擊安裝之后，安裝tools/Android SDK Platform-tools。圖見此圖
- 此時安裝android-sdk的時候需要安裝java的，按提示要求下載java后安裝即可。
- 配置環境變量，參見以下：
注意事項:(親自踩過)
每次設定環境變量之后，需要先將界面中打開的cmd關掉后重新打開。
ok，可以開始調試了。
No.3 調試前奏
- 連接設備
將文件打開到android-sdk中的platform-tools文件夾下，可以使用cmd打開命令行后cd，cd，cd...,當然我不是這樣的，我使用Git bash也可以的。
然后運行adb.exe devices
D:\android-sdk\platform-tools>adb.exe devices
List of devices attached
adb server is out-of-date. killing
* daemon started successfully
95CANR4H6T9S7HPJ device
- 啟動/停止adb
在各連接設備中的同一路徑下，分別運行adb.exe start和adb.exe kill來控制是開啟調試或者是關閉adb。
No.4 正式調試啦
- 下載wx_sq_webview_debug
- 將上面下載的文件解壓后，放在任意你想防止的地方。然后進到...\wx_sq_webview_debug\inspector_client20150401的路徑后，執行如下：
python ./inspector.py --adb "D:\android-sdk\platform-tools\adb.exe"
然后就ok了，在溫馨上打開要調試的頁面，然后打開chrome，輸入http://localhost:9222/。就可以開始調試了，爽歪歪！
No.5 一鍵自動化
之前研究compress的時候看到別人寫了一個bat文件，可以一鍵壓縮css/js，覺得666，得之大神在寫bat的時候，覺得好牛呀。然后學習過來。研究了下，好像我還是大致可以學習基礎自己去寫的，因為后面好多需要這種一鍵式的，在這里附上我通過skywatcher的文件修改成我自己目錄后的文件。
@echo off
cd "D:android-sdk\platform-tools\"
start adb start-server
start python "E:\frontEnd-work\debug\wx_sq_webview_debug\inspector_client20150401\inspector.py" --adb "D:\android-sdk\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
尾聲
本來今天晚上實驗室有事，利用空余時間完成python的falsk框架來搭建一個博客教程的，可是數據庫實在是太難了，幾個小時都沒有搞定，就果斷先暫停了，找大神求帶去。想到之前學習的這個調試方法還沒有整理。故整理之。。。
最后附一張調試ing的圖。
調試爽歪歪
