Html5 webview原素精准定位专用◎工具的完成

日期:2021-01-20 类型:科技新闻 

关键词:小程序怎么做,凡科网小程序,微信小程序界面,线上报名小程序,微信小程序页面制作

一、专用工具挑选

webview原素精准定位有三种方法:

  • 应用driver.page_source方式,将获得到的网页页面內容载入到一个html文档中,随后应用访问器开启html文档,应用F12调节用品开展原素精准定位
  • chrome访问器内置的调节专用工具 Developer Tools,在chrome访问器中键入:chrome://inspect#devices,该专用工具必须浏览海外的网站,因而必须翻墙
  • 应用UC开发设计者调节专用工具,必须提早安裝,不用翻墙

综上所述,强烈推荐应用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原素精准定位內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!