通过文本内容、属性或 CSS 选择器立即突出显示页面元素,无需打开 DevTools。
CSS 高亮让您可以通过文本内容、属性、CSS 选择器、类或 ID 查找并突出显示实时页面上的任何元素,而无需打开 DevTools。
非常适合开发人员验证选择器、QA 工程师检查 data-testid 属性以及设计人员检查布局。
它有何用处:
按文本内容搜索,通过内容(“提交”、“注册”)查找元素。按属性搜索以查找 [data-testid]、[aria-label] 或任何自定义属性。两者都是 DevTools 变得笨重的东西——CSS 高亮只需单击一下即可显示它们。
特征:
- 文本内容搜索 — 根据内容查找元素,并提供区分大小写和部分匹配选项
- 属性搜索 — 通过任何属性名称或名称+值对查找
- CSS 选择器 — 完整的 querySelector 支持,可实现精确定位
- 类和 ID — 快速查找常见情况
- 实时更新 - 随着页面更改,突出显示会自动重新应用,非常适合 SPA
- 多种突出显示样式——背景、边框、轮廓、下划线、框阴影
- 可调整的颜色和不透明度
- 搜索历史记录——保存搜索以便快速重复使用
- 键盘快捷键 - 重新运行或清除突出显示而不打开弹出窗口(Cmd+Shift+H / Cmd+Shift+X)
- 元素详细信息 — 每场比赛的标签、ID、类别和文本预览
- 复制结果 — 将匹配的元素导出到剪贴板
- 100%本地——无数据收集,无网络请求
