一、工具选择
webview元素定位有三种方式:
综上,推荐使用UC开发者调试工具
二、UC-devtools安装
1.百度搜索“uc-devtools”
2.点击进入安装包下载页面
3.下载Windows安装包进行安装
解压后双击安装,根据提示安装,建议更改安装路径,安装完成后,在安装目录下启动应用程序
4.启动前准备
启动之前,依然要打开app的debug调试模式,手机需要打开“USB调试模式”,启动后的界面如下:
5.设置为本地 Devtools Inspector UI 资源
三、UC-开发者调试工具的使用
开启了UC-开发者调试工具后,手机开启app到webview页面,就会自动显示webview相关信息
点开inspect,就会弹出html的页面
这个结构就跟web的html页面元素基本一致,我们可以通过该工具使用selenium的一些元素定位方法进行定位即可
四、匹配webview的chromedriver版本
我们从第三项关注到UC-开发者调试工具首页显示了chrome版本信息,当然该webview也需要有对应版本的chromedriver驱动去跟浏览器版本匹配,我们之前都是将chromedriver驱动文件放在了python的安装目录下,但是在这里因为每个webview都会涉及到不同的驱动版本,这时我们该如何管理呢?具体步骤如下:
下载对应chrome浏览器版本的chromedriver驱动
创建一个chromedriver驱动的不同版本管理目录
将对应版本的chromedriver驱动放在对应的管理目录下
指定chromedriver驱动,通过启动参数chromedriverExecutable指定路径
desired_caps['chromedriverExecutable'] = r'G:\ChromeVersionManagement\chromedriver70\chromedriver.exe'
到此这篇关于Html5 webview元素定位工具的实现的文章就介绍到这了,更多相关Html5 webview元素定位内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
An Lock Free ID Generator for Golang implementation View on GitHub . Snowfl...
再次感谢大家对 Flutter Engage China 活动 的关注和积极参与!我们在活动前后收...
先看效果: 实现: 1.定义导航栏的文字标签: div class=tou sapn class=logo 北...
使用Dreamweaver设计了一个个人简历,想要给简历添加自己的照片,该怎么添加并排...
事件的防抖和节流 防抖和节流函数是我们经常用到的函数,在实际的开发过程中,如...
研发背景,解决什么问题 点击约束:某个按钮触发一次点击后,待接口调用有结果都...
Dreamweaver中想要给文字中的个别文字添加背景色,该怎么添加呢?下面我们就来看...
前言 在上一篇文章中我为大家介绍了Simpe项目的一些 背景知识 以及如何使用 有限...
一、概述 上一篇文章介绍了 使用 docker 部署 spring boot 并接入 skywalking ,...
记录下一个疑问,最近在重新看canvas做点Demo这样,时间是写在2019年11月5日,以...