使用chrome的inspect可以對手機上的webview進行調試，因為真機沒有什么比較好的調試工具，而chrome提供了這一個工具可以比較方便的查看真機上的元素，以及進行調試。
其實我對webview也不太了解，不過經過試驗后發現，手機上瀏覽器上運行的頁面是屬於這個范疇的，也就是平時工作中說的觸屏站。
前提：
1.PC上安裝了最新版的chrome瀏覽器
2.手機上安裝了最新版的chrome瀏覽器
注：低版本的需要自己去安裝adb，高版本的不用，所以大家還是直接用高版本的chrome吧
步驟：
1.手機用數據線連接到電腦上
2.手機開啟USB調試（在設置的開發者選項里）
3.PC的chrome訪問chrome://inspect（訪問網址后在手機上會彈出一個確認彈框，點擊確認即可，如果不確認的），如果連接成功，就會在chrome下顯示出對應的手機的型號，如下圖：
4.在手機上的chrome瀏覽器內輸入要查看頁面元素的網址，比如www.baidu.com
5.此時PC上的chrome://inspect頁面下會出現可以檢查的頁面，如下圖所示：
說明：手機瀏覽器上打開了多少個頁簽，就會顯示幾條紅框中的數據，也可以在上圖紅框中的輸入框內輸入url去打開連接。
inspect：點擊另彈出一個chrome去顯示對應頁面，可以用來調試
focus tab：焦點定位到這個頁面，手機上會對應打開這個頁面
reload：刷新，重新加載
close：關閉這個頁面，手機上會對應關閉這個頁面
6.點擊對應頁簽下的inspect，另彈出的chrome頁面上可以用來調試操作了，具體頁面如下：
說明：這個界面大家應該就很熟悉了，可以用來調試，獲取元素，或者更改頁面元素等操作，也可以在上圖紅框中輸入url跳轉頁面，也可以操作左側的界面，手機同步進行操作。
另外有人遇到過彈出的是一個空的chrome頁面，沒有獲取到頁面的情況，有人說第一次打開需要翻牆，當然網上也有不用翻牆使用inspect的方法，大家如果遇到這種情況自己試驗一下吧。
現在對傳統APP的界面，我只會用SDK自帶的uiautomatorviewer來查看元素的一些屬性，但是不能進行調試，如果大家有什么好的工具或方法也可以推薦給我~