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

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

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

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

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

使用方法:

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

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

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

时间: 2024-10-06 23:09:18

火狐浏览器使用firebug获取xpath和css path的相关文章

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

自动化测试由浅入深--自动化测试辅助工具firebug以及xpath,Chrome浏览器Xpath获取。

头几天讲了一些原理性的东西,本章进入实战.想学好自动化,还是得懂一些知识领域.例如,HTML,XML,CSS,JavaScript,Ajax,JAVA\Python\C#等语言中的一种,数据库知识,TestNg,Ant,MAven,Jenkins等.这些东西多多少少都要懂一些.笔者在编程语言方面用的是Java.有了这些东西,还需要一些辅助工具,本章就介绍辅助工具. 1.浏览器安装,我这里使用的是Firefox浏览器,版本使用的46.0,大家可以去火狐官网去下载,在此不多做赘述. 2.安装fire

提问!同一ajax请求获取的图片路劲,在谷歌浏览器能正确展示图片,在火狐浏览器则显示路径undefined

今天的工作学习之路遇见一个奇葩的问题,作为初级攻城狮的小生实在不知如何解决,都已经壁咚度娘一整天了,都未能解决问题,实属无奈,一开始认为是浏览器兼容的问题,但左看右看,也不是,也尝试过是不是页面加载与请求后没对应上,发现也不是,检查返回的结果,居然是undefined,可是在谷歌浏览器没有任何问题能正常展示图片,在火狐浏览器却是这样,来,看图说话: 首先此<img>标签为js动态拼接页面,因为获取的是会员等级,通过请求接口在另一个系统后台抓取图片路径,此拼接在循环中,每循环一次存入便存入数组中

Chrome浏览器获取XPATH的方法----通过开发者工具获取

还在为xpath的正确性而犯愁吗?难道必须得装一个Firefox浏览器,安装一个插件? No!!!!!!! 有了chrome浏览器,照样能获取xpath,而且保证正确. 具体的使用方法?请往下看. chrome有自己的开发者工具,可以用这儿来直接获取xpath,都不用担心正确性了. 具体使用步骤如下: 1.在chrome浏览器的右上角有个选择菜单,也就是这个,点一下: 2.在列表最后面有个"更多工具",点击一下,就可以看到开发者工具了. 3.打开开发者工具后,点击开发者工具中第一行的第

启动火狐浏览器,但是无法获取网址

这是在pycharm编辑器运行时,能打开火狐浏览器,但是无法获取get()的网址 import unittest from selenium import webdriver class SerchTest(unittest.TestCase): def setUp(self): self.driver = webdriver.Firefox() self.driver.implicity_wait(30) self.driver.maximize_window() self.driver.ge

python获取火狐浏览器的历史记录

python获取火狐浏览器的历史记录 最新在学习python,所以想着做一些练手的项目,这里做一个获取火狐浏览器的历史记录,然后保存到一个txt文件中.这里涉及到的库: os sqlite3 time os库用来搜索文件,sqlite3用来读取sqlite文件,time用来转换时间戳使用. 火狐的历史记录是使用sqlite来保存的,Python内置sqlite3库,所以并不需要安装任何第三方库. 首先是查找火狐浏览器places.sqlite历史记录文件,这里使用了os.walk()函数来查找,

火狐浏览器不能获取 event,解决js报错问题

//←的keyCode等于:37 //→的keyCode等于:39 //↑的keyCode等于:38 //↓的keyCode等于:40 function keystoke(obj){ //var e = window.event;//这样在火狐浏览器不兼容,js失效 var e = window.event || arguments.callee.caller.arguments[0]; var tid=obj.id; var str=parseInt(tid); switch(e.keyCod

获取元素的css属性之getComputedStyle

习惯了用jQuery的css()的方法获取元素的css属性,突然不用jQquery了,当要获得元素的css时候,我瞬间停顿了一下,咦?咋获取元素的css值?比如获取元素的width.是这样么?document.getElementById("id").style.width? 一.getComputedStyle getComputedStyle,见名之意,就是获取元素计算之后的样式属性值,也就是获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象([object C

Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析

加速IE浏览器自动化执行效率:Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析 1.技术背景       在Web应用中,用户通过键盘在输入框中输入值和鼠标点击按钮,链接等.比如在用户名输入框和密码输入框输入正确的用户名和密码,然后点击登录按钮进行登录.在Selenium自动化中,Selenium提供多种API来对HTML元素进行操作,对于每个HTML元素,需要一个可以标识它的标识符,在Selenium中称之为定位器,Selenium支持多种不同类型的定位器,有标