各种浏览器下的页面元素xpath获取方法

简介:

录制web自动化脚本时,最麻烦的一件工作就是给需要检测的Element进行定位。

难在2点:

1.如果需要使用ID定位的话需要开发同志配合,有的时候开发同志会忘记加;有的时候如多重Table嵌套,动态生成未知数量内容,ID是非常难添加的。

2.不用ID一般就需要用DOM定位函数或者XPATH,碰上多层嵌套的时候会让人疯掉。

 

有没有一种能够所点即所得的工具,让我们迅速得到某个Element的Xpath呢?

 

答案肯定是yes的!

需求肯定会驱动程序员们开发出这种东西来,具有共产主义精神的他们一定会乐于拿出来分享。

google一搜索,果然很快得到一个工具 X Path for free!

下载地址:

https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi

 

此工具是Chrome的插件,下载安装后,Chrome右上角会出现1个标记,点击它,然后用鼠标点选要定位的元素,右下角Element的xpath就生成了,可以随便拷贝。有了这个,定位变成了小菜一碟,再也不用数table了,怎么样,用RF 和Selenium的同学,爽不爽?

步骤见下面简图:

各种浏览器下的页面元素xpath获取方法

Fire Fox下有没有这样的插件呢?当然也有!

那就是

https://addons.mozilla.org/en-US/firefox/addon/firepath/

https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/

 

 具体的使用有同学写了,请看这篇文章:

http://blog.sina.com.cn/s/blog_5aefba9a0100csy8.html

 

IE下呢?当然也有解。不过貌似比较悲惨。得用一个比较复杂的Trick

文章在这里

http://blog.sina.com.cn/s/blog_6067dbcb0100ndi4.html

 

 

-----------------------------------------

update 2012.2.14

给出 xpath 教程链接:http://www.w3school.com.cn/xpath/

 

----------------------------------------------------

 

转自:http://blog.sina.com.cn/s/blog_654c6ec70100v1i2.html


本文转自贺满博客园博客,原文链接:http://www.cnblogs.com/puresoul/archive/2012/10/04/2711372.html,如需转载请自行联系原作者。


目录
相关文章
|
7天前
|
存储 缓存 网络协议
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点,GET、POST的区别,Cookie与Session
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式,GET、POST的区别,DNS的解析过程、数字证书、Cookie与Session,对称加密和非对称加密
|
9天前
|
域名解析 缓存 网络协议
浏览器中输入URL返回页面过程(超级详细)、DNS域名解析服务,TCP三次握手、四次挥手
浏览器中输入URL返回页面过程(超级详细)、DNS域名解析服务,TCP三次握手、四次挥手
|
5月前
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
54 0
|
23天前
|
算法 安全 前端开发
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
67 0
|
24天前
自动生成IE浏览器的xpath工具IEXPath
自动生成IE浏览器的xpath工具IEXPath
25 0
|
2月前
获取元素到浏览器顶部的距离
文章介绍了两种方法来获取页面元素到浏览器顶部的距离:使用元素的`getBoundingClientRect().top`属性和自定义函数`getElementTop`结合`offsetParent`和`offsetTop`属性。
90 1
|
3月前
|
网络协议 前端开发 JavaScript
浏览器加载网页的幕后之旅:从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后,一系列复杂过程随即启动,包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回,最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码,本文详细解释了每个步骤,帮助读者深入理解Web应用程序的工作机制,从而在开发过程中作出更优决策。
57 5
|
5月前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
|
4月前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
|
4月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
48 1