代码木鱼 发表于 2026-8-10 10:05:58

Selector Generator


概述
还在为手写 CSS 选择器或 XPath 定位符耗费时间?还在担心选择器不唯一导致元素定位失败?这款 Edge 扩展插件专为前端开发、测试工程师、爬虫开发者打造,以8 层智能策略和双模式支持,让元素选择器生成变得高效、精准、零门槛!

🌟 核心功能
✅ 唯一性保障:生成前自动验证选择器的唯一匹配性,杜绝定位失效问题
✅ 一键自动复制:选择器生成完成后,立即复制到剪贴板,直接粘贴使用
✅ 快捷键极速操作:Alt+Shift+S 快速启动选择模式,Alt+Shift+X 一键取消,无需繁琐点击
✅ 全属性智能遍历:自动扫描元素所有稳定属性(ID、class、数据属性等),优先选用最可靠的定位依据
✅ CSS/XPath 双模式:
CSS 选择器:语法简洁、性能优秀,完美适配前端开发工具链
XPath 选择器:支持复杂层级、文本内容、轴定位,搞定各类复杂场景
✅ 8 层策略兜底:从 ID 选择器到绝对路径选择器,层层递进尝试,确保任何元素都能生成有效选择器:

优先尝试
ID 选择器(最高效)
→ 2. 数据属性选择器
→ 3. 混合属性选择器
→ 4. 文本基础选择器
→ 5. Class 选择器
→ 6. 位置选择器
→ 7. 路径选择器
→ 8. 绝对路径选择器(最终兜底)

📌 操作指南
模式切换:打开扩展弹窗,点击「CSS 选择器」/「XPath 选择器」标签即可切换生成格式
元素选择:按下 Alt+Shift+S 启动后,鼠标 - hover 到目标元素点击,自动生成对应选择器
快捷取消:操作中按下 Alt+Shift+X,可随时退出选择模式



📝 适配场景
前端开发:快速定位页面元素,调试样式与交互
自动化测试:生成稳定的元素定位符,提升用例稳定性
爬虫开发:精准抓取目标数据,避免元素定位失败
教学学习:直观理解 CSS/XPath 选择器的优先级与定位逻辑
Selector Generator 1.3.crx
.crx
1.3
201.71KiB
支持

Selector Generator 1.3.zip
.zip
1.3
201.71KiB
不支持

页: [1]
查看完整版本: Selector Generator