首页 > Web开发 > 详细

【自动化专题】借助firefox插件定位web元素小技巧

时间:2015-03-23 17:45:26      阅读:952      评论:0      收藏:0      [点我收藏+]

浏览器:firefox

插件:firebug、firepath、firefinder

 

安装插件---已安装的请跳过

1.安装firefox浏览器

2.打开firefox-附加组件(找不到入口的问度娘),分别搜索firebug、firepath、firefinder并点击安装

3.注意,插件安装后重启firefox浏览器后插件才能生效,看下图显示我已安装的组件

技术分享

 

 

看看我的真面貌

重启firefox后,在顶端工具条上我们可以看到firebug小图标,点击后高亮显示,且弹出插件面板(F12功能相同)

技术分享

 

小试一把

1.查看元素的html代码

技术分享

把鼠标放在有编辑两字的一行上,悬浮在不同位置,看看有什么惊喜啊╰(*°▽°*)╯

2.神奇的firepath--自动生成xpath和css

技术分享

3.FireFinder——便捷的检查工具

自己写locator,怎么检查是否正确,用firefinder

技术分享

4.控制台--试试你的js

技术分享

你的浏览器是否有弹出框

技术分享

其他技巧继续发现继续补充,欢迎大家一起补充.............

 

下面是题外话:打开控制台,刷新一下页面,这是神马???

技术分享

罗丹说:“对于我们的眼睛而言,这个世界不是缺少美,而是缺少发现。”

钟灵说:“对于我们的工作而言,这个世界不是缺少机会,而是缺少发现。” 谁说理科生没有文采的。。。(??д?)b

【自动化专题】借助firefox插件定位web元素小技巧

原文:http://www.cnblogs.com/sylvia-liu/p/4360405.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!