關於微信、app等內嵌WebView開發調試技巧

曾幾什麼時候，在v0.x版本的微信開發者工具是自帶真機調試功能的，但從微信小程序橫空出世後，公衆號網頁開發模式就找不到這個真機調試的功能了...，估計是「失寵」了吧 o(╥﹏╥)o

因而乎，有不少小夥伴就開始懵了 => 微信網頁如何進行開發功能調試？

正所謂辦法總比困難多，下面以微信爲例介紹幾個內嵌webview開發調試技巧，總有方法適合你的（若是沒有，歡迎留言提出，你們一塊兒交流）

1. 首當其衝的是官方的微信開發者工具，能解決問題的話固然就沒必要使用下面方法了

2. （僅限安卓端）chorme瀏覽器inspect調試

   • 在微信中打開http://debugx5.qq.com（「文件傳輸文件」用起來）
   • 切換「信息」tab，勾選打開TBS內核inspector調試功能
   • 鏈接手機在chorme瀏覽器打開chrome://inspect/#devices

3. Fiddler設置

   • 打開Fiddler，右側有AutoResponder選項，
   • 勾選 Enable automaticresponses 和 Unmatched request passthrough 選項
   • 左邊找到需調試的文件，若是看不到請求，有多是緩存，退出微信從新登陸，注意不是殺掉進程，將文件拖拽至右側
   • 在Rule Editor中的第二行，點擊下拉選項最後選項爲「Find a file」選擇目標文件
   • 在chorme瀏覽器打開chrome://inspect/#devices

4. 插件

   將插件打入應用或頁面中，而後打開調試查看相關信息

   將調試插件打入應用，經過特殊手勢或者隱藏開關即所謂「後門」開啓， 此方法有助於解決版本上線後，客戶表示出現bug，但咱們又沒法重現的狀況

   移動調試插件不少，這裏簡單舉兩個例子：Vconsole和eruda，可查閱相關資料
   https://github.com/Tencent/vC...
   https://github.com/liriliri/e...

5. spy-debugger

   spy-debugger是一站式頁面調試、抓包工具，上手容易且較爲強大。
   推薦連接：https://github.com/wuchangmin...