DesignCheck

该扩展程序的主要用途是通过可视化的方式，帮助开发者和设计师检查网页元素的 CSS 样式（如颜色、字体、间距）及进行内容排版测试。 具体功能包括： 1. 悬浮与点击审查 ：用户悬停或点击页面元素时，插件会读取并展示该元素的计算样式（computed styles），包括盒模型尺寸、排版属性和颜色值，以便进行视觉验收。 2. 间距测量 ：通过计算两个元素之间的相对位置，直观显示它们之间的边距（Margin）和间距（Padding），辅助还原设计稿。 3. 内容编辑测试 ：允许用户在侧边栏临时修改选中元素的文本内容，以测试不同文案长度下的布局表现（如溢出、换行等），修改仅在本地生效，不涉及数据上传。