码迷,mamicode.com
首页 > Web开发 > 详细

火狐浏览器使用firebug获取xpath和css path

时间:2016-12-12 14:10:27      阅读:455      评论:0      收藏:0      [点我收藏+]

标签:9.png   自动生成   方式   firebug   图案   src   鼠标右键   网页   常用   

工作中,常常会用到网页元素的定位方式,常用的有xpath和css path两种定位方式。

现在简单介绍如何使用工具自动生成元素的定位字符串。

首先介绍在火狐浏览器上使用FireBug及其扩展FirePath两款工具,它们可以自动生成定位字符串和验证自己编辑的定位字符串能否匹配网页元素。

对着这两款工具截图如下:

技术分享

 

使用方法:

  1. 打开一个网页,例如www.hao123.com;
  2. 鼠标右键点击一个页面元素——使用FireBug查看页面元素,鼠标单击页面左上角的FireBug插件图标或者按下F12键,三种方式都可以打开调试窗口并启用FireBug;
  3. 选择FirePath窗口;
  4. 单击调试窗口中鼠标箭头图案的按钮后,可以进行元素选取;
  5. 选中元素后,会自动生成定位元素字符串xpath或者css path。

技术分享

同时,调试窗口还会显示出定位字符串能够匹配的页面元素个数,如下图:

主要在自己编辑定位字符串时使用。

技术分享

 

火狐浏览器使用firebug获取xpath和css path

标签:9.png   自动生成   方式   firebug   图案   src   鼠标右键   网页   常用   

原文地址:http://www.cnblogs.com/superbaby11/p/6163616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!