APP混合应用之web页面处理

一、手机应用简介

目前主流应用程序大体分为三类：web APP（网页应用）、hybrid APP（混合应用）、native APP（原生应用）

二、hybrid应用切换方法

切换方法:print(self.driver.contexts)#查看所有的context#返回结果 ['NATIVE_APP', 'WEBVIEW_com.huawei.browser']#其中NATIVE_APP为原生的,WEBVIEW开头的表示H5的 #再使用如下方法切换到H5即可self.driver.switch_to.context("WEBVIEW_com.huawei.browser")#使用如下方法确认是否切换成功print(self.driver.current_context)

三、怎么区分APP页面是native，还是web

1、手机/模拟器下点击关于手机中的版本号5下，出来开发者选项；

2、在开发者选项中，勾选显示布局边界；

3、如果APP是web页面，那界面不会有布局边界显示；如果有，则说明是native的界面

再就是通过定位工具：

四、代码实例

'''切换到webview视图'''# context - 混合应用 native_apptime.sleep(5)# 获取所有的context 确保你的APP能够让代码识别到webviewcons = driver.contextsprint(cons)# 根据context名字，切换到webview # WEBVIEW_com.get.teamwork.test# driver.switch_to.context(cons[-1])driver.switch_to.context('WEBVIEW_com.get.teamwork.test')# 打印web内容webinfo = driver.page_sourceprint(webinfo)'''回到native_app'''driver.switch_to.context(None)

五、定位webview中的元素

切换到HTML后，就是web自动化操作了。
原生webview，基本上都是Chromedriver 。

（1）Chrome浏览器中输入：chrome://inspect

该方法操作inspect后需要翻墙才可使用

（2）使用uc - devtools，使用步骤：

官方文档

打开手机/模拟器，保证能够通过adb devices检测到设备（问题处理）
打开移动设备，访问网页或者H5页面。（如果是APP内嵌H5，需要打开APP的webview debug模式）
如果发现不显示，改一下设置即可：

微信内H5页面调试需要将调试模式打开

微信小程序调试页面时，需要从搜一搜->搜索小程序入口进入

APP混合应用之web页面处理相关推荐

手机端 html 怎么分享到朋友圈,【Web前端问题】移动web页面如何实现分享到微信、QQ等分享功能？...
移动web页面(浏览器打开的web应用,非App内置的Web页面)内有分享按钮,点击可分享到朋友圈,微信好友,QQ...... 据说是使用相关插件,求指导! 回答: 如果不是app内置web页面,只能 ...
在 iOS 模拟器中调试 Web 页面
转自:http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/ 双十一大家"买买买"了吗?我猜你们要么是躺在沙发上,要么是躲在被 ...
App原生、混合、纯WEB开发模式的优劣分析
什么叫做原生App? 什么是混合app? 什么是Web App开发? Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS.Android等不同的手机操作系统 ...
前端app调起摄像头只显示在页面_猫也能看得懂的教程之一分钟使用Vue搭建简单Web页面...
本教程适合人群: 已经了解过过html.js.css,想深入学习前端技术的小伙伴有前端开发经验.但是没有使用过Vue的小伙伴有过其他编程经验,对前端开发感兴趣的小伙伴学习本教程之后你将会: 了解 ...
web页面判断是否安装某app，从web启动app应用
web页面判断是否安装某app,从web启动app应用 web页面判断手机里是否安转应用的原理就是:首先试着打开手机端某个app的本地协议:如果超时就转到app下载页,下载该app. URL sche ...
web页面调起地图APP(高德地图、百度地图、腾讯地图)
web页面调起地图APP(高德地图.百度地图.腾讯地图) 在没有安装APP的情况下可以用web端地图以路线规划为例: 一.腾讯地图 web端官方文档地址:https://lbs.qq.com/we ...
safari调试iPhone app web页面
safari调试iPhone app web页面 date: 2016-09-09 09:36:29 Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xc ...
clickhouse原理解析与应用实践_Hybrid App (混合应用) 技术全解析方案原理篇
引言随着 Web 技术和移动设备的快速发展,Hybrid 技术已经成为一种最主流最常见的方案.一套好的 Hybrid架构方案能让 App 既能拥有极致的体验和性能,同时也能拥有 Web技术灵活的 ...
h5逻辑_H5+app 混合开发
目录 app分类 h5与原生进行交互 [1] 判断h5页面打开的环境是ios/android [2] JS调用ios/android的方法 js调用ios的方法 js调用android的方法区别总 ...