• native和webview切换


    native和webview

    标签(空格分隔): native和webview


    现在目前大部分的app都是native和webview混合,对应的native上的元素可以通过uiautomatorviewer很容易定位到,webview上的元素就无法识别了,

    一、识别webview 1.用定位工具查看页面,发现页面上有些区域无法定位到; 2.在使用定位工具的时候,发现页面上有些区域无法定位到,如下图左边红色区域,只能定位到这个大框框,红色框里面的元素无法识别: image.png-351.2kB 3.如上图的class属性,上边写着webview那毫无疑问这种页面就是webview了

    二、contexts 1.context是指上下文环境,在selenium里面被称为句柄,其实是一回事儿,这里我们只需要知道,是两个不同的环境就好了; 2.先获取页面是contexts环境,如下图(在网上搜索的,借用一下): image.png-17.9kB 3.如果要操作webview就需要先切换环境,切换到webview上;

    4.切换方法: switch_to.context(参数是webview的context)这里面需要填写的参数是:context要转换的那个参数;

    5.webview上操作完后,想回到native上操作,这时候需要先切回来,切回native有两个方法: 方法一:driver.switch_to.context("NATIVE_APP") 这个NATIVE_APP是固定的参数 方法二:driver.switch_to.context(contexts[0]) 从contexts里取第一个参数

    查看webview的元素:

    app上webview的页面实际上是启用的chrome浏览器的内核加载的,如何把手机的网页加载到电脑上,电脑的chrome浏览器上有个开发模式,是可以方便调试的。 一、环境准备 1.手机上装一个chrome浏览器 2.电脑上装chrome浏览器 3.手机连电脑 4.手机上安装一个app

    二、启动adb服务 1.电脑上打开chrome浏览器输入:chrome://inspect/#devices 2.要是没加载到手机设备,就先启动adb服务,cmd输入:

    adb devices 查看设备是否连接上;

    三、DevTools 1.电脑上打开chrome浏览器输入:chrome://inspect/#devices 2.Discover USB devices这个要勾选的,可以检查到手机设备 3.Discover network targets 这个勾选,检查到网络 4.下图箭头指向的,是手机的设备名称 5.Webview in com.baidu.yuedu(39.0.00)这个是手机上浏览器的内核版本号39 (一般电脑上的chrome版本号最好要大于等于这个版本号) image.png-78.5kB 如图,就是inspect点击就可以进入了;(这里需要翻墙的,不然打开是空白的)

    三、查看元素 1.上图红色框框的两个地址就是加载到的webview的网页地址了,点地址下的inspect按钮,进入调试界面

    2.不翻墙也没关系,把对应的url地址复制出来,重新打开一个浏览器标签,输入地址后,按F12也可以进调试界面。 3.接下来的元素定位就跟selenium的定位是一回事了。

    四、手机模式 1.点下图箭头指示的按钮,可以切换成手机版模式 image.png-81.9kB

    夜神模拟器:

    android的sdk自带的有模拟器,但是速度简直了,没法说,我们可以使用夜神,是android里面的一款神器; 1.官网下载地址https://www.yeshen.com/ image.png-45.2kB 具体的自行研究,这里不在赘述,模拟器连接手机的操作了;

  • 相关阅读:
    (转)不可思议的纯CSS导航栏下划线跟随效果
    (转)Java语法----Java中equals和==的区别
    (转)Vue种key的作用
    Android实现点击通知栏后,先启动应用再打开目标Activity ,极光推送等推送的也可以参考一下(转)
    第三方开源--Android Image Cropper--图片裁剪
    Cannot merge new index 65781 into a non-jumbo instruction! 问题解决(网上摘抄)
    推荐扔物线的HenCoder Android 开发进阶系列 后期接着更新
    Android DIY之路 (一) 指定区域多图片合成 放大 缩小 镜像 旋转 等(转)
    功能强大的图片截取修剪神器:Android SimpleCropView及其实例代码重用简析(转)
    Android 你可能忽略的提高敲代码效率的方式 (转)
  • 原文地址:https://www.cnblogs.com/surewing/p/9566092.html
Copyright © 2020-2023  润新知