zoukankan      html  css  js  c++  java
  • 随着firefox的迭代更新:FireBug不能用了?使用火狐Try Xpath插件替代Firebug和Firepath

    本篇文章讲解如何在火狐中安装和使用Try Xpath(插件替代Firebug和Firepath)。

    在火狐中安装Try Xpath

    1. 打开火狐浏览器 FireFox57以上的版本

    2. 在火狐菜单中选择 工具-->附加组件-->获取附加组件--> 滚动到页面的底部,点击“看看更多附加组件”

    3. 在右上角的搜索框中输入Try Xpath,回车搜索

    4. 在搜索结果中点击Try Xpath这个插件,如下图 

     

    5. 点击后用户会进入到Try Xpath这个插件的页面,点击页面上的“添加到Firefox”按钮

     

     

     

    6. 在火狐右上角可以看到一个TX的蓝色图标,说明安装成功了!

     

     

    使用Try Xpath验证Xpath表达式
    1.点击右上角的TX蓝色图标,会在火狐的右侧弹出Try Xpath这个工具的使用窗口

    2.在Way这个下拉框下有好多选项,验证Xpath的话,选择"Xpath ANY_TYPE"

    3.在Expression输入框中填入要验证的Xpath表达式,之后点击最上面的执行按钮“Execute”来执行验证

    4.如果Xpath表达式唯一定位到了预期元素,Try Xpath会用红色虚线框把元素框起来,并且在Results部分的Count中会显示计数为1

     

    5.当表达式定位到多个元素时,Try Xpath会把所有元素都使用红色虚线框起来,并且会在Results的Count中显示准确的数量,这个时候你可以使用Details下面的focus按钮来定位你要定位的元素,但是最好能够再优化下表达式,让表达式精准的唯一的定位到你要操作的网页元素,否则脚本在运行时会不稳定容易报错。

     

     

    使用Try Xpath验证CSS Selector 验证CSS Selector和验证Xpath的使用方式类似

    1. 在Way中选择“querySelectorAll”选项

    2. 在Expression中输入的是要验证的CSS Selector表达式,点击Execute按钮 Try Xpath同样会把匹配到的元素使用红色虚线框出来。

  • 相关阅读:
    Leetcode——栈和队列(3)
    Leetcode——栈和队列(2)
    java——面试题 基础(上)
    Leetcode——栈和队列(1)
    LeetCode——动态规划整理(2)
    LeetCode——动态规划整理(1)
    计算机网络——数据中心(下)
    计算机网络——数据中心(上)
    计算机网络——HTTP(下)
    计算机网络——HTTP(上)
  • 原文地址:https://www.cnblogs.com/wanglei-xiaoshitou1/p/9698454.html
Copyright © 2011-2022 走看看