一.下载以及安装
2、进入并点击 ‘推荐下载’ 即可下载出压缩包,打开文件下载位置为一个zip文件。
3、将压缩包解压, 有两个文件。
将插件添加至谷歌浏览器
1、使用谷歌浏览器,打开设置(Settings)
2、点击扩展(Extensions)
3、打开 开发者模式(Developer mode)
4.将名为 ’hgimnogjllphhhkhlmebbmlgjoejdpjl.crx‘ 的文件拖拽复制到chrome浏览器。
5、点击弹窗中 ‘Add extension’ (添加扩展) 按钮。将 Xpath Helper 钉( pin ) 在主页上, 便于后期插件的使用。
到此已将 Xpath Helper 插件已添加至谷歌浏览器。
二.使用方法
1、这里以 www.baidu.com 页面热搜为例,右键热搜链接,点击检查(inspect)。
3、选中代码后右键,选择copy,再选择copy XPath进行复制
4、点击插件后, 将刚复制的 xpath 粘贴至查询框。
xpath正确,则结果框中显示网页中相应元素,且网页中相应数据高亮显示。
三.Xpath的一些使用技巧以及方法
获取文本Xpath常用的定位策略:
1. 路径
1). 绝对路径:
语法:以单斜杠开头逐级开始编写,不能跳级。如:/html/body/div/p[1]/input
2). 相对路径
语法:以双斜杠开头,双斜杠后边跟元素名称,不知元素名称可以使用*代替。
如: //input
//*
2. 路径结合属性
语法:在Xpath中,所有的属性必须使用@符号修饰 如://*[@id='id值']
3. 路径结合逻辑(多个属性)
语法://*[@id="id值" and @属性='属性值']
4. 路径结合层级
语法://*[@id='父级id属性值']/input
提示:
1. 一般见识使用指定标签名称,不使用*代替,效率比较慢。
2. 无论是绝对路径和相对路径,/后面必须为元素的名称或者*
3. 扩展:在工作中,如果能使用相对路径绝对不使用绝对路径。
2.5 Xpath扩展
1. //*[text()='XXX'] # 定位文本值等于XXX的元素
提示:一般适合 p标签,a标签
2. //*[contains(@属性,'xxx')] # 定位属性包含xxx的元素 【重点】
提示:contains为关键字,不可更改。
3. //*[starts-with(@属性,'xxx')] # 定位属性以xxx开头的元素
提示:starts-with为关键字不可更改