在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内容