混合应用Hybrid App

原生应用是指系统原生的组件开发的app,需要特定语言,比如android的java,ios的swift

H5技术可以使用web技术开发app,原生和h5的组合就是混合应用

混合应用不是在app上直接写html页面,而是把H5页面放在一个webview控件当中

webview是原生应用的一种控件,还有其他ImageView等,webview能做到和web页面交互的功能

原生页面

 往下拉的时候会有刷新的动画

混合页面

如何判断当前页面是网页

1,点进去的时候会有加载进度条,或者下拉页面会出现一个网址

2,可以使用辅助工具观察元素标签是否有webview

 

 3,使用网页定位工具

方法1:谷歌浏览器url输入chrome://inspect,当手机当前页面是webview的时候,会显示在下面,并且提示手机上chromedriver的版本号(跟web不一样).点击inspect即可进入页面(需要*)

 方法2:使用第三方工具uc_devtools

 

 

切换模式

知识回顾:

web自动化中的切换

-窗口切换 browser.switch_to.window() 首先要使用browser.window_handles获取所有窗口,结果是一个列表,取列表最后一个元素作为新窗口参数传入完成切换

-iframe切换,browser.switch_to.frame(),参数传入查找到的iframe元素

或者使用显性等待的方法frame_to_be_available_and_switch_to_it(),参数传入iframe的locator,满足条件后自动切换

-alert弹窗切换,browser.switch_to.alert.accept()/dismiss()

在app中,如果当前页面为webview,要使用切换到context,元素才能被定位并且操作

在切换之前,首先要准备如下的操作:

-apk设置:找开发开启webview调试模式,app设置 setWebContentsDebuggingEnable=True

-Webdriver / chromedriver.exe(手机端浏览器的版本,可以从uc-devtool获得)

-adb,要升级到最新的adb版本

-调试工具

操作步骤:

1,caps字典传入chromedriverExecutable: 驱动路径

 2,获取界面的属性(判断是原生还是混合界面)

driver.contexts

原生界面的结果

混合界面的结果

 

 3,切换到webview环境

参数传入webview的context

 切换完成之后,查找和定位元素的方式变回web端操作,如text文本不再是属性,根据xpath查找元素记得要写成text()=””

 4,混合页面中,如果操作完web页面后点击原生的退出按钮,就要切换回原生页面,才能才做

 继续使用switch_to.context()方法,参数传入原生页面的context

框架搭建

 app框架和web框架差不多,需要的文件有

 与web框架不同的是,app有原生和混合页面(H5),所以要把basepage拆分为native_page和web_page,方便以后在不同的界面上操作

web_page

相当于web框架的basepage,存放所有web页面的基本操作

 

native_page

存放app原生页面的基本操作

 

conftest

存放夹具,把初始化app的方法单独封装,传入参数为包名和activity名称,在夹具中使用方法传入以上参数,每个app使用不同夹具,每个页面初始化也在夹具中执行,方便管理