转-Appium—处理混合APP中H5的操作

 

常规方法

正常来说，常规的方法应该是使用UI Automator Viewer来探测页面的元素，比如下面这样：

但是，如果是混合开发，就会出现只有一个webview元素的情况，正常的方法无法定位。比如这样： 

常规的方法是没办法定位出这部分内容，只有一个webview，无法像原生一样获取内容。

取巧的办法

如果针对H5的元素，只需要点击的话，可以这么做，比如上文我们的开户页面，我们需要做的只是在这个页面上点击立即开户，跳转到下一个页面，我们可以用这种取巧的方法：

1.self.driver.get_name('立即开户').click()

这样的代码，也是可以实现的，当然，上面的get_name我是进行封装了的，原来的代码是：

1.def get_name(self, name):
2.element = self.driver.find_element_by_name(name)
3.return element

更优化的处理方式

既然是H5页面，如果能够获取HTML代码就好了，那么就可以使用操作DOM的方式来操作这个H5。

---

谷歌浏览器：版本 49.0.2623.87 (64-bit)

---

我用的谷歌浏览器是这个版本，把手机连接上电脑，在谷歌浏览器中输入这个代码：

1.chrome://inspect

点击这个按钮：

神奇的一幕出现了，所有的代码都展示在你面前。就像web一样调试混合APP中的H5.

切换webdriver

虽然解决了html代码的问题，但是另一个问题出现了，我们要怎么去操作DOM。常规的方法是没办法了，只能操作原生的，这个时候我们需要把webdriver切换成H5的，而不是原生的。

其实原理很简单，只要把webdriver切换到H5的方式就行了。使用如下代码：

contexts
contexts(self):
　　Returns the contexts within the current session.
　　返回当前会话中的上下文，使用后可以识别H5页面的控件
   :Usage:
        driver.contexts
用法 driver.contexts

调用这个方法后，把结果打印出来，你会发现是一个列表，列表中的第一个是NATIVE_APP，这个就表示现在的webdriver是调用原生的功能，我们使用这个命令切换一下就行了。

def switch_h5(self):
        self.driver.execute(MobileCommand.SWITCH_TO_CONTEXT, {"name": "WEBVIEW_com.weizq"})

    def switch_app(self):
        self.driver.execute(MobileCommand.SWITCH_TO_CONTEXT, {"name": "NATIVE_APP"})

第一个函数就是封装切换到H5的方法，name对应的东西就是通过contexts列表中打印出来的东西，当然你也可以使用其他的方法封装。

切换到H5的webdriver之后，再使用driver.find_element_by_id试试？现在就变成查找DOM相关的功能了，再调用第二个函数，又切回原生的webdriver了。