# xpath-selector

**Repository Path**: lantian007/xpath-selector

## Basic Information

- **Project Name**: xpath-selector
- **Description**: edge  chrome浏览器插件
获取网页上 xpath , css 路径的插件， 方便爬虫、自动化测试相关软件工作者快速获取页面上html元素路径
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 3
- **Created**: 2022-07-19
- **Last Updated**: 2025-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Chrome-extension

## README

# xpath-selector

#### 介绍
获取网页上 xpath , css 路径的插件， 方便爬虫、自动化测试相关软件工作者快速获取页面上html元素路径
![输入图片说明](assets/SamplePicture.png)

![输入图片说明](assets/SamplePicture1.png)



#### 安装教程
##### edge 浏览器直接下载
 https://microsoftedge.microsoft.com/addons/detail/xpath-selector/gffppcedbfdmbminpdameaajcbfaajdk?hl=zh-CN
##### 其他chromium 内核浏览器

- 下载当前查询项目完整源代码， 或者直接使用克隆命令
- 直接在浏览器地址栏输入：chrome://extensions/，进入扩展程序管理界面
- 点击【加载已解压的扩展程序】-> 选择项目根目录，导入源码文件夹
- 完成后插件工具会显示在浏览器地址栏旁

#### 使用说明

**********安装完毕后，必须刷新网页后再开启使用
##### 1、支持获取页面上元素的xpath、css路径；
##### 2、支持输入xpath、css路径定位页面元素， 支持xpath语法提示；
使用方法：
- 将插件固定到导航栏，点击插件图标即可开始（再次点击关闭窗口）
- 键下Shift后鼠标移至页面元素上可获取该元素的css selector 路径及xpath路径
- 按下shift +鼠标移动到xpath插件上，会自动上下变化位置，不会影响要查看的元素

2023/5/27 1.0.6
- 1. 修复输入框提示问题

2023/5/12  1.0.5
- 1. 优化复制的逻辑， 可以复制某些网页限制复制的内容

2023/5/9  1.0.4
- 1.优化窗口变动的逻辑， 按下shift +鼠标移动到xpath插件上，会自动上下变化位置，不会影响要查看的元素
- 2.  修复使用插件会导致样式重叠的bug

2023/2/17  1.0.3
- 1.不再使用iframe的方式进行注入
- 2. 禁用JavaScript注入的网页仍然无法使用本插件


2023/1/4  1.0.2
- 1.修复部分场景无法使用插件的问题
- 2. 禁止iframe注入的网页无法使用本插件

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)