Chrome DevTools調試移動設備Brower Page Tabs/WebViews

最近涉及到webview頁面的自動化,特意對盲區知識點做一個總結,方便以后翻閱。實際情況:appium自動化框架中,針對webview頁面,需要切換至相應的context下實現對UI進行點擊等操作,但用uiautomatorviewer.bat無法定位到元素

? ?參考網上的大神們的博客,主要使用Chrome DevTools調試webview,可總結出如下:

  • 介紹
  • 調試站點的頁面
  • 調試安卓原生App中的WebView
  • 實時將安卓設備的屏幕圖像同步顯示到開發機器。
  • 通過端口轉發(port forwarding)與虛擬主機映射(virtual host mapping)實現安卓移動設備與開發服務器進行交互調試。
  • 使用
  • chrome瀏覽器地址欄輸入chrome://inspectabout:inspect 或在電腦上打開Chrome瀏覽器的菜單– 更多工具 – 檢查設備
  • 打開DevTools后,確保打鉤選中Discover USB devices,瀏覽app的webview,可以看到設備瀏覽的頁面,如圖,inspect查看頁面或者直接拷貝地址在瀏覽器打開
image.png
  • 完成以上步驟后,接下來的操作與調試網頁一致,按f12進入開發模式,查看元素屬性,方面UI操作
    參考博客
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容