立即检查元素并探索 CSS 属性、XPath 等。轻松导出资源、调色板和版式。
CSS Peek:元素检查器可帮助您立即检查网页上的任何元素,探索其 CSS 框模型、样式、颜色和版式,只需单击几下即可导出资源、调色板和版式样式。
✨ 特点:
- 单击任意元素即可查看其完整 CSS 样式。
- 视觉盒模型图,带有颜色编码层和每层内的像素值。
- 检查并复制页面的调色板。
- 检查并复制页面上使用的版式和字体。
- 从网页查看和下载资源。
- 在“操作”选项卡中操作所选元素的样式,并能够在多个网站上保留 CSS 更改。每个网站都有自己的专用存储空间来保存已保存的样式。
- 实时颜色选择器,允许从页面上的任何位置选择颜色并实时更新 UI 预览。
- 选择图像元素后,您可以将新图像直接拖放到其上。
- 该扩展允许使用键盘快捷键调整所选元素的 CSS。这有助于测试间距、大小、颜色等,而无需接触代码。
- XPath 定位器可查找元素的绝对和相对 XPath 选择器,建议改进更稳定的定位器,并生成即用型 Playwright 和 Cypress 代码片段。
- 智能模式检查器可在悬停时快速检查元件,并具有集成的辅助功能检查器。
- 能够打开和关闭主悬停检查器,允许您与页面交互(单击按钮、导航等),然后重新启用它以继续检查元素。
- “辅助功能”选项卡,您可以在其中找到当前页面辅助功能状态的完整报告,以及如何在需要时解决问题的建议。
- 亮/暗模式切换器。
重量轻且用户友好。





