經過chrome識別手機端app元素--Chrome:inspector

現實中應該有這樣一種狀況，就是一個app只支持手機端使用，同時他又是hybrid的，那麼其中的webview部分的元素屬性如何去得到呢？

使用下面的方法能夠解決這個問題：

 

調試 Android Chrome 方法：打開 Android 自帶 USB 調試，並將手機鏈接電腦。

1.打開 Android端的Chrome，並打開你的頁面或應用

2.打開PC/Mac 上的 Chrome，打開 chrome://inspect/#devices

3.正常狀況會失敗到鏈接上的手機

4.勾選 Discover USB devices，電腦端會顯示出容許調試的列表，找到指望的頁面點擊inspect就能夠了。

 

5.同時會顯示出手機上開啓的界面，以下圖左邊，

 

6.在pc端，左邊顯示手機界面的部分，點F12便可以識別出元素屬性了，就和你在桌面上操做inspector同樣。

 

注：若是是第一次用，有可能inspect時會顯示空白頁面，這時能夠翻下牆，應該就能夠同步手機畫面了，之後就不須要再翻了。若是你能看到手機的調試界面可是看不到手機顯示畫面，能夠旋轉手機讓chrome刷新下。