谷歌插件Xpath安装以及下载使用

一.下载以及安装

1、点击跳转至插件下载地址

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为关键字不可更改