Webview页面的控件元素定位

前言

现在有很多App都是Hybrid的,即有原生的页面又有Webview的页面,元素的可以通过uiautomatorviewer工具

进行控件元素的定位,Webview页面的则无法通过此方式定位,而是需要Chrome浏览器来协助定位。

Webview控件元素定位

1、在手机中打开当前app的webview界面,使用usb连接电脑后,

2、在PC端的Chrome浏览器上输入:chrome://inspect/#devices(网络需FQ才可使用)

3、点击Webview里的inspect,即可弹出当前webview的HTML视图

4、接下来即可跟Web一样开始定位控件元素

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000; background-color: #ffffff }
span.s1 { }

原文地址:https://www.cnblogs.com/91parson/p/9973527.html

时间: 2024-07-31 09:25:08

Webview页面的控件元素定位的相关文章

Android版App的控件元素定位

前言 如何获取页面上各控件元素,无论是Web自动化还是App自动化,此步骤都是非常关键的! Web页面的控件元素可通过开发者选项(Chrome浏览器的F12)来协助定位,App端也是有相应的工具来协助定位的 uiautomatorviewer配置 Android版的元素定位依赖Android Studio里的自带的工具uiautomatorviewer来协助定位:uiautomatorviewer通过截屏并 分析XML布局文件的方式,为用户提供空间信息查看服务. uiautomatorviewe

HTML控件元素和css样式基础理解

HTML (超文本标记语言) 1.该语言用于编写超文本文档,并在含有浏览器软件的设备上显示,超文本文档指集视频.音频.超链接.文本.图像.图片等多媒体信息为一体的文档. 标签元素(控件元素)  1.标签分为行内标签和块级标签,行内标签有small(文本字体小化). big(文本字体大化). address(文本地址样式化) .img(加载图片元素) .a(加载链接)等等. 块级标签有div(块级元素).ul(列表父元素).li(列表子元素) .p(文本)等等.区别就在浏览器中的呈现效果. 2.每

UIWebView --- IOS用于展示Web页面的控件

UIWebView是IOS中用于展示Web页面的基本控件,提供了非常简便高效的使用方式. 首先,要现在storyboard中建立一个UIWebView的IBOutlet,且与ViewController关联起来. 然后就是代码执行过程了: //webView与storyboard连接起来 var webView: UIWebView! //先设置好webView的样式等 webView!.frame = self.view.frame webView!.backgroundColor = UIC

asp.net中遍历套用母版页的页面的控件

应该搞清楚控件在第几层 我们所要找的控件一般在第四层site1_master---ContentPlaceHolder---HtmlForm---CheckBox 第一层是site1_master,母版 第二层是ContentPlaceHolder,是母版的’坑‘, 第三层是HtmlForm,就是HTML表单, 第四层就是子控件了 所以要多层遍历 下面例子是用多层遍历找页面中的CheckBox,并列出各层名称 string  s=""; for (int i = 0; i < P

混合开发 webview 中file 控件 点击后无反应解决方法

最近在做个项目 ,需要 使用 file 控件上传 图片到服务器 ,在手机浏览器中 可以正常选择照片,但是放到 android 应用中的webview中,file 控件点击后就没有反应. 百度了一番后,找到以下解决方案 开头定义 private ValueCallback<Uri> mUploadMessage; final static int FILE_SELECTED = 4; 然后设置 mWebView.setWebChromeClient(new WebChromeClient() {

selenium + python自动化测试unittest框架学习(三)webdriver对页面其他控件操作(三)

1.对话框,下拉框 (1)对话框的有两种,一种是iframe格式的,需要switch_to_iframe()进行定位,现在大部分的对话框是div格式的,这种格式的可以通过层级定位来定位元素,先定位对话框的div,然后再对对话框的元素进行定位. (2)另外的弹出消息提示框有三种类型:alert,comfirm,prompt,三种类型的区别为; alert消息提示框仅提供"确定"按钮,用于警告等提示,comfirm提示框提供"是"和"否"的选择,pr

从文档流角度理解浏览器页面渲染引擎对元素定位的解析

文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流. 我们在排列元素时,遵循"流式结构",即元素遵循从上向下,从左向右堆叠的规则,所以我们在排列元素时如果每行从左往右的元素的总宽度大于窗口的宽度时,就会默认换行. 有三种状况将使得元素离开文档流而存在,分别是浮动.绝对定位.固定定位. 浮动时,离开文档流后的元素,不占用文档流的空间,不会被文档流中的元素发现,离开文档流元素后面的还在文档流上元素会自动上来填补位置接上文档流.此时,离开文档流的元素如同浮在文

HTML5入门八---缓存控件元素的值

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第三个页面</title> <style> textarea:required{ background-color: lightyellow; } body{ font-family: "微软雅黑"; max-width: :600px; padding: 0px

aps.net webform框架下页面服务器端控件和html控件用法

(1)select 下拉框 前端: <select name="gameserverlist" id="gameserverlist" runat="server" ></select> <button onclick="btnFun()">测试</button> js获取当前选中值: function btnFun() { var obj = document.getEleme