在chrome浏览器中验证xpath和selector


一、验证元素定位

Chrome的console可以用来验证XPath和CSS。

1.1验证selector

1.使用chrome打开你要测试的网站;
2.按下F12,打开开发者工具;
3.选择Console(控制台);
4.输入:
$(“selector”)
$$(“selector”)
前者会列出与selector匹配的所有元素,而后者则是把这些匹配到的元素组成了数组。(点击返回的每个元素,则会定位到页面中的img元素及html中的具体位置)

document.querySelector()会返回DOM中匹配的第一个元素(只返回一个元素);
document.querySelectorAll()等同于$$(selector)
5.输入完毕后,点击回车键;

1.2验证XPath

1.输入:$x(“your_xpath_selector”)
2.输入完毕后,点击回车键;

如果你的语句是正确的,会返回该css对应的元素的html语句

【注意】语法中括号里需要通过双引号括起来,如果Xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容;

Ctrl+L快捷键:清空console内容


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM