各种浏览器下的页面元素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,如需转载请自行联系原作者。


目录
相关文章
|
1月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
41 3
|
2月前
|
数据采集 Web App开发 JSON
浏览器插件:WebScraper基本用法和抓取页面内容(不会编程也能爬取数据)
本文以百度为实战案例演示使用WebScraper插件抓取页面内容保存到文件中。以及WebScraper用法【2月更文挑战第1天】
115 2
浏览器插件:WebScraper基本用法和抓取页面内容(不会编程也能爬取数据)
|
2月前
|
前端开发 JavaScript 开发者
什么是浏览器对象的 preventDefault 方法
什么是浏览器对象的 preventDefault 方法
30 1
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
152 0
|
3月前
|
Web App开发 前端开发 搜索推荐
Chrome 浏览器中的一个隐藏设置页面
Chrome 浏览器中的一个隐藏设置页面
100 8
|
10天前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
10天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
1月前
|
Web App开发 缓存 网络协议
|
3月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
56 0
|
3月前
|
缓存 网络协议 前端开发
面试题:浏览器中输入URL返回页面过程?
面试题:浏览器中输入URL返回页面过程?
90 0

热门文章

最新文章