1. 程式人生 > >app 中有h5頁面的時候,怎麼去定位元素?

app 中有h5頁面的時候,怎麼去定位元素?

測試app的時候,我們知道可以通過UI Automator Viewer進行元素定位

但是很多app中都會內嵌h5頁面,這個時候定位就會變成下圖這樣:

第一步: 在手機中開啟當前app的h5介面,使用usb連線電腦後,

第二步:在pc端瀏覽器中輸入: chrome://inspect/#devices

注意:是需要翻牆的,翻牆成功後,才可以顯示裝置的

截圖,如圖就顯示搜狗瀏覽器,的h5介面,這個時候點選inspect 

第三步:點選inspec按鈕:

第四步,點選選擇元素按鈕,選擇某一個元素後,在右側右擊選擇xpath,copy xpath,複製xpath,表示式即可

例如,複製上述標題的表示式就是 ://*[@id="main_cont"]/div[2]/a/div[1]

主要如果想要使用xpath,需要下載一個谷歌的擴充套件器,安裝XPath Helper

注意如果想跳轉到h5介面,需要通過Context切換的方式 driver.getContextHandles(); //  driver.context("WEBVIEW"); driver.context("NAVTIVEAPP"); 檢視當前所有的視窗: Set<String> contextNames=driver.getContextHandles(); System.out.print(contextNames); 切換到Webview <pre name="code"class="java">driver.context("WEBVIEW"); driver.findElementByID("wd"); 切換到NativeAPP <pre name="code" class="java">driver.context("NATIVE_APP");