一、验证元素定位
Chrome的console可以用来验证XPath和CSS。
1.验证XPath
1.输入:$x(“your_xpath_selector”)
2.输入完毕后,点击回车键;
如果你的语句是正确的,会返回该css对应的元素的html语句
【注意】语法中括号里需要通过双引号括起来,如果Xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容;
Ctrl+L快捷键:清空console内容
2.验证selector
1.使用chrome打开你要测试的网站;
2.按下F12,打开开发者工具;
3.选择Console(控制台);
4.输入:
$(“selector”)
$$(“selector”)
前者会列出与selector匹配的所有元素,而后者则是把这些匹配到的元素组成了数组。(点击返回的每个元素,则会定位到页面中的img元素及html中的具体位置)
document.querySelector()会返回DOM中匹配的第一个元素(只返回一个元素);
document.querySelectorAll()等同于$$(selector)
5.输入完毕后,点击回车键;