Chrome浏览器与XPath

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_43277055/article/details/85319676

操作系统：Windows 7
Chrome浏览器版本：Google Chrome版本 71.0.3578.98（正式版本） （32 位）

通过Chrome浏览器直接而获取或验证XPath

1 获取XPath

Chrome的console是可以用来验证xpath和css。
1.使用chrome打开你要测试的网站；
2.按下F12，打开开发者调试工具；
3.选择Elements（元素）；
4.点击如下标红图标（或用者用快捷键Ctrl+Shift+C），进入选择元素模式；

5.在页面中点击想要获取XPath的模块；在Elements中自动跳转到对应html中的位置并高亮显示；
6.右击高亮模块，选择Copy>Copy XPath；如下图：

鼠标停留在console中的这个html语句上，界面上对应的元素会高亮显示

2 验证XPath

Chrome的console是可以用来验证xpath和css。
1.使用chrome打开你要测试的网站；
2.按下F12，打开开发者调试工具；
3.选择Console（控制台）；
4.输入：$x(“your_xpath_selector”)
5.输入完毕后，点击回车键；
如果你的语句是正确的，会返回该css对应的元素的html语句

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

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