`
canonical
  • 浏览: 358592 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

xpath selector vs. css selector

阅读更多
    在无侵入性的前台页面控件设计方案中, 我们需要一种简便的方法迅速定位页面中的某一节点(dom node). 使用xpath是非常诱人的一个技术选择, 但是在实际使用中, 我们却发现xpath并不是那么方便. xpath的能力非常强大, 它支持绝对定位, 例如//input[@id='3'], 也支持相对定位, 例如 ./input[0], 甚至支持根据节点内容定位, 例如//a[contains(., 'partial text')].
    问题是在一个复杂的界面控件中, html节点本身的结构与界面展现结构并不是一致的,例如一个特定效果的边框可能需要多个html元素互相嵌套才能够实现, 因此xpath的相对路径选择能力往往派不上用场(除非是提供http://www.backbase.com/那 样的界面抽象层), 而根据内容定位的方式过于灵活, 难以维护一个稳定的概念层. 相比较而言, css的选择符所提供的节点定位方式要比xpath更加简单直观, 它的适用性也早已在大量的实践中得到了证实. 基于css选择符实现behaviour机制是一种更加可行的方案. 参见 http://prototype.conio.net/
分享到:
评论

相关推荐

    css选择器(selector) xPath的选择器

    笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 ===================== CSS选择器笔记 一、基本选择器 序号 选择器 含义 ...

    WebDriver xpath css selector

    很好的WebDriver 元素选择参考,对比展示了使用Xpath Css 等方法选取页面元素 对自动化测试人员很实用

    CssSelector组件将CSS选择器转换为XPath表达式。-PHP开发

    CssSelector组件CssSelector组件将CSS选择器转换为XPath表达式。 资源文档贡献报告问题,并在Symfony主存储库中发送拉取请求CssSelector组件CssSelector组件将CSS选择器转换为XPath表达式。 资源文档贡献报告问题,...

    css-selector:CssSelector组件将CSS选择器转换为XPath表达式

    CssSelector组件CssSelector组件将CSS选择器转换为XPath表达式。资源资源并在学分该组件是Python cssselect库的端口,该库以BSD许可证分发。

    Locator : XPath/CSS Selector-crx插件

    语言:English (United States) 定位器在单击时生成,验证并复制xpath / css选择器。...当用户选择的属性和文本内容不包含在元素/元素的父元素/元素的兄弟元素中时,将生成Absolute XPath / CSS Selector。

    基于Python pyqt5的HTTP测试工具源代码,支持正则表达式、XPATH、CSS selector匹配文本

    基于Python pyqt5的HTTP测试工具源代码,可使用HTTP GET、POST、PATCH、DELETE方法测试网站,可使用正则表达式、XPATH、CSS selector匹配文本

    YuNetsurf v3.0.0 for D6-XE10 HTML5 CSS 解析

    LibXml2 tree: Fully compatible with LibXml2 functions, including XPATH and LibXslt transformation. XDOM tree: Feasability study limited by XDOM restrictions. Fast, efficient, and low memory usage. ...

    xPath To CSS Selector-crx插件

    语言:English 将XPath转换为开发人员CSS选择器 将XPath转换为开发人员CSS选择器

    Webdriver element selector

    很好的WebDriver Xpath Css 元素识别参考 ...http://www.techques.com/question/1-8076659/Selenium-WebDriver-Issue-with-By.CSSSelector http://blog.csdn.net/expect88/article/details/8279435

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    UI自动化定位常用实现方法代码示例

    8大基础定位 driver.find_element_by_id() # id定位 driver.find_element_by_name() # name定位 driver.find_element_by_class... driver.find_element_by_css_selector() # css定位 driver.find_element_by_link_

    SelectorGadget_1_2_0-crx插件

    1.SelectorGadget是一个开源的Chrome扩展,...2.这个插件可以快速的找到页面某些元素的定位方式,定位方式支持xPath、CSS等。 3.当我们需要通过selenium去操作页面元素时,可以通过该插件快速获取页面元素的定位方式。

    冠层伴侣css选择器工具「canopy companion css selector tool」-crx插件

    这个扩展可以帮助您创建高质量的CSS,jQuery和xpath选择器 这个扩展可以帮助您创建高质量的CSS,jQuery和xpath选择器 在这里了解更多关于冠层UI自动化和测试库的信息:http://lefthandedgoat.github.io/canopy/ 支持...

    @FindBy-crx插件

    生成cssselector和selenium @findby是一个google chrome web扩展,为网页上的所选项目生成CSS选择器和XPath。 它配备了一个直观的UI,它可以帮助最终用户以简单的表单与元素属性理解DOM结构。 @findby使用户能够...

    python3 selenium自动化测试 强大的CSS定位方法

    ccs的优点:css相对xpath语法比xpath简洁,定位速度比xpath快 css的缺点:css不支持用逻辑运算符来定位,而xpath支持。css定位语法形式多样,相对xpath比较难记。 css定位建议多用,这个定位方式很强大,定位速度快...

    ScrapeMate:刮擦辅助工具。 跨网页编辑和维护CSSXPath选择器

    跨网页编辑和维护CSS / XPath选择器。 可作为和扩展。 交互式选择和维护CSS / XPath选择器及其预设以供外部使用的快速方法:网站测试或抓取。 功能包括: 元素选择器(来自 )。 曾经工作过的预设列表。 预设JSON...

    canopy companion css selector tool-crx插件

    此扩展帮助您创建高质量CSS,jQuery和XPath选择器 此扩展帮助您创建高质量CSS,jQuery和XPath选择器。在此处了解有关Canopy ui自动化和测试库的更多信息:http://lefthandedgoat.github.io/canopy/

    selenium-framework:使用 Selenium、TestNG 和 Maven 的良好起点

    Selenium框架 Selenium 测试用例实现变得...add(CSS_SELECTOR, < CSS> ) add(XPATH, < XPATH> ) verify () click( " LINK_TEXT " , < LINK-TEXT-GOES-HERE > ) click( " CSS_SELECTOR " , < CSS-SELECTOR-GOES

Global site tag (gtag.js) - Google Analytics