通過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刷新下。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM