一个谷歌浏览器扩展程序,帮助你快速获取网页元素的唯一 CSS 选择器并复制到剪贴板。
- 右键点击网页元素,从上下文菜单中生成选择器
- 通过检查模式精确选择元素
- 自动生成唯一 CSS 选择器
- 自动复制到剪贴板
- 兼容 Windows 和 macOS 系统
- 下载或克隆此仓库到本地
- 打开 Chrome 浏览器,进入扩展程序页面 (chrome://extensions/)
- 开启"开发者模式"(右上角开关)
- 点击"加载已解压的扩展程序"
- 选择此项目文件夹
- 在网页上右键点击目标元素
- 从上下文菜单中选择"复制元素选择器"
- 唯一的 CSS 选择器将自动复制到剪贴板
- 点击扩展图标打开弹出窗口
- 点击"启用元素检查"按钮
- 鼠标悬停在页面元素上,将高亮显示当前元素
- 点击目标元素,选择器会自动复制到剪贴板
扩展程序会自动生成一个唯一的 CSS 选择器路径,可以精确地标识您选择的元素。它首先尝试使用元素 ID,如果不可用,则构建一个唯一的选择器路径,包括标签名、类名和子元素索引。
MIT