全面的网页元素分析工具
UI Forensics 是一个免费的 Chrome 扩展,旨在简化前端和标记检查任务。它作为一个一体化的元素分析工具,使用户能够高效地编辑、捕获和检查网页元素。通过直接文本编辑等功能,用户可以点击任何文本元素立即修改它,按 Enter 保存更改,按 ESC 取消。该扩展还包括一个捕获模式,用于保存特定元素的屏幕截图,提高网页开发的生产力。
除了编辑和捕获,UI Forensics 还提供各种可视化工具来分析网页元素。用户可以以颜色编码的方式可视化边距、填充、位置和变换值。信息模式提供标签、ID、类和属性的概述,而树模式允许以 JSON 或 SVG 格式下载所选元素的 DOM 结构。该扩展还包括检查字体详细信息和分析页面上使用的 CSS 变量和颜色的选项,使其成为网页开发人员的多功能工具。