Skip to content

Latest commit

 

History

25 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

选择器复制工具

一个谷歌浏览器扩展程序,帮助你快速获取网页元素的唯一 CSS 选择器并复制到剪贴板。

功能特点

  • 右键点击网页元素,从上下文菜单中生成选择器
  • 通过检查模式精确选择元素
  • 自动生成唯一 CSS 选择器
  • 自动复制到剪贴板
  • 兼容 Windows 和 macOS 系统

安装方法

  1. 下载或克隆此仓库到本地
  2. 打开 Chrome 浏览器,进入扩展程序页面 (chrome://extensions/)
  3. 开启"开发者模式"(右上角开关)
  4. 点击"加载已解压的扩展程序"
  5. 选择此项目文件夹

使用方法

方法一:右键菜单

  1. 在网页上右键点击目标元素
  2. 从上下文菜单中选择"复制元素选择器"
  3. 唯一的 CSS 选择器将自动复制到剪贴板

方法二:检查模式

  1. 点击扩展图标打开弹出窗口
  2. 点击"启用元素检查"按钮
  3. 鼠标悬停在页面元素上,将高亮显示当前元素
  4. 点击目标元素,选择器会自动复制到剪贴板

工作原理

扩展程序会自动生成一个唯一的 CSS 选择器路径,可以精确地标识您选择的元素。它首先尝试使用元素 ID,如果不可用,则构建一个唯一的选择器路径,包括标签名、类名和子元素索引。

许可证

MIT

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages