CSS Selector Capture Pro
插件介绍
使用不带DevTool的鼠标生成共配的CSS选择器
干净,简单且直观,并带有这些独家功能。
✓可以在CSS/JavaScript中使用的交配和可调整选择器
✓匹配选择器的元素的亮点
✓基于选择器上下文中选择器的总匹配
✓选择简洁或详细选择器
✓最小干扰页面
难如何使用
*简短版本:
- 启用应用程序,使用“ CTRL”键锁定位置中的选择器突出显示,然后单击“复制”按钮复制选择器。
- 如果需要,请在复制之前单击选择器路径以调整选择器。
- 使用“ ESC”键退出应用程序
*详细的用户指南:https://github.com/charltonc/chrome-css-selector-capture/blob/master/master/readme.md
*当心扩展名不支持以下上下文:
-Shadow dom(建议:使用Chrome Devtool,因为无论如何您都会沿着阴影根穿越)
- iframe(建议:在新标签中打开iframe URL并使用扩展程序)
c在哪里有用
*该扩展名通常适合使用前端开发,端到端测试(例如硒)以及数据刮擦,在视觉上识别目标,匹配和获得CSS选择器的位置。
*如果您确实觉得此扩展名有用,请通过简单地对其进行良好的审查来支持它,这将帮助其他人找到它。
隐私
*扩展名不会收集任何数据或将数据发送给第三方。
g释放
* 2.4.1(2024.07.29)
- 调整后的文本对齐
* 2.4.0(2024.06.06)
- 优化高光,滚动和调整大小
* 2.3.2(2023.08.24)
- 升级到显示V3
* 2.3.1(2021.09.01)
- 修复了v2.3.0中的算法
* 2.3.0(2021.07.15)
- 优化简洁的选择器
* 2.2.0(2019.03.23)
- 在扩展图标弹出中添加了用户指南链接
* 2.1.0(2019.03.21)
- 添加了用于锁定覆盖切换的快捷热键(CTRL)
* 2.0.0(2019.02.25)
- 优化简洁的选择器(即短)
- 调整选择器背景不透明度时,触发设置对话框在顶部,用户徘徊
* 1.0.3(2018.10.15)
- 优化选择器检索
* 1.0.0(2018.09.29)
- 初始版本