調試web頁面難
接觸過app自動化的同學都比較清楚，如果想要對web應用或者Hybrid應用進行調試時（獲取頁面元素信息等等），必定繞不開的就是chrome瀏覽器的inspect功能了：在chrome瀏覽器URL中輸入chrome://inspect即可對移動設備中的web頁面進行調試。方便是方便，但是碰到的坑數不勝數：
- 點擊inspect發現加載的是空白頁面
- 點擊inspect出來的是http 404
相信大家碰到這種問題第一時間就是百度去找到解決方案：chrome使用inspect需要下載一些額外插件，但是這些插件都是在牆外（大家都懂得）：
- 科學上網，但是免費的工具不太穩定，穩定的又要收費--!
- 下載離線開發者工具調試包，版本多，找到一個對應版本的好難。
uc-devtools工具
最近筆者閑逛論壇發現一款比較不錯的工具：UC開發者工具，安利給大家
這是它的官網：https://dev.ucweb.com/
以及工具的簡單介紹：
開發者版本 (Developer Edition) 支持 DevTools Protocol，它允許開發者使用任何兼容該協議的客戶端（如 Chrome 開發者工具）進行遠程調試。最新版基於 Chromium 57 構建它允許開發者不再需要依賴其他工具進行調試
工具安裝及使用效果
安裝很簡單：直接點擊下載安裝即可，由於是基於Chromium，所以原理其實和chrome的inspect類似，只不過不需要科學上網了！
使用步驟：
- 打開手機/模擬器，保證能夠通過adb devices檢測到設備（檢測不到的同學可以看下我之前寫的adb連接問題整理這篇blog）
- 打開任意手機端瀏覽器訪問網頁或者H5頁面，注意：如果是app內嵌web頁面，需要打開app的webview debug模式
- 進行到第二步如果發現顯示不出來，可以選擇設置->本地Devtools Inspector UI資源
點擊inspect之后，嗯，效果可以的
這是瀏覽器中訪問的百度首頁：
微信公眾號支持？沒問題：
小程序支持？也沒問題！
注意事項：
- 微信內H5頁面調試需要將調試模式打開，打開方式參考我之前的微信小程序自動化這篇blog
- 微信小程序調試頁面時，需要從搜一搜->搜索小程序入口進入