APP中有html5页面的时候，怎么进行元素定位

测试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 contextNames=driver.getContextHandles();
System.out.print(contextNames);

切换到Webview

driver.context("WEBVIEW");
 driver.findElementByID("wd");
 
切换到NativeAPP
 
driver.context("NATIVE_APP");
 
JAVA代码如下：
 
 切换到H5界面方法：      
 
 public static void switchToWebView(String locatorExpression, String ValueKey) {
                                                   for (Object contextName : driver.getContextHandles()) {
                                                          System.out.println("获得的" + contextName);
                                                       if (contextName.toString().toUpperCase().contains("WEBVIEW")) {
                                                           driver.context(contextName.toString());
                                                           System.err.println("切换成功WebView");
                                           }}}
  
 
由H5切换到原生App方法：
 
public static void switchToNativeApp(String locatorExpression,String ValueKey){
                                                        Set contextName = driver.getContextHandles();
                                                        driver.context("NATIVE_APP");
                                                        System.err.println("切换成功-NATIVE_APP");
                                                 }