这篇文章将为大家详细讲解有关Html5如何实现webview元素定位工具，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联公司是一家成都网站设计、网站制作，提供网页设计，网站设计，网站制作，建网站，定制开发，网站开发公司，公司2013年成立是互联行业建设者，服务者。以提升客户品牌价值为核心业务，全程参与项目的网站策划设计制作，前端开发，后台程序制作以及后期项目运营并提出专业建议和思路。
一、工具选择
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元素定位工具-创新互联
分享URL：
http://cdkjz.cn/article/djcgeo.html
