zoukankan      html  css  js  c++  java
  • xpath定位实列

      这次将讲Xpath定位!

    什么是Xpath:

      Path就是路径,xpath也类似,就像 在DOS中 D:Autojack。

    Xpath的使用:

      1:在火狐下载 FirePath 插件(图1),然后在浏览器 F12 使用Xpath 能直接定位到元素,并且能够获取元素的Xpath(图2)

              

    Xpath的使用方法:

     例子 1:html/body/div[1]/div[2] (如果不熟悉html的朋友们,需要自行百度html。)

       该xpath 表示 : 在 html标签下 -> body标签下 -> 第一个div标签下 -> 第二个div标签

      很好理解,继续

     例子 2:.//*[@id='content']/div[2]/ul

       这样会有人不理解了 .//*[@id='content'] 到底是什么意思呢?

        . 代表当前路径

        a//b 表示:在a标签下的子孙辈b标签

        * 可以是任何标签

        [@id='content'] 表示是 id 为 content

      所以:这个例子的意思是: id 为 content 的任何子标签下面 -> 第二个 div标签下 -> ul 标签

      

    Xpath基础学习完毕,接下来开始进阶学习

      //p[text()='a']  :文本为 a 的p标签

      //p[text()='a']  : 文本包含 a 的p标签

      //a[@class='abc']   :class 为 a的 p标签 (当然咯。既然可以为 @class 就一定能用 @id ,为什么不联想下 @src 和@href呢?)

      //p[not(@class='a')]   :class 不为 a的 p标签

    好了,进阶完毕,如果要使用更高阶的Xpath要先属性以上内容,然后联合 Selenium使用

    Xpath和其他定位方式的比较:(主要是和CSS定位的对比)

      Xpath的最大好处是能向上查找,不过缺点是速度过慢。

  • 相关阅读:
    用getBoundingClientRect()来获取页面元素的位置
    asp.net 发送邮件
    MVC5笔记【一】
    WEB前端组件思想【日历】
    WEB前端组件思想【分页】
    【转】前端进阶之路:如何高质量完成产品需求开发
    KindeEditor图片上传插件用法
    jQuery Post 提交内容中有标签报错
    【转发】彻底理解 JS 中 this 的指向
    chrome扩展程序开发之在目标页面运行自己的JS
  • 原文地址:https://www.cnblogs.com/xuzhongtao/p/9615121.html
Copyright © 2011-2022 走看看