DesignCheck

概述

UED 视觉验收助手，支持颜色、间距、圆角、边框检测及文案压力测试。

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

0 星（5 星制）
无评分
详细了解结果和评价。

详情

版本
1.0.9
上次更新日期
2026年2月25日
举报问题
提供方
Kiann.Yang
大小
27.2KiB
语言
中文（中国）
开发者
邮箱
eugeniocode@yeah.net
非交易者
该开发者尚未将自己标识为交易者。欧盟地区消费者须知：消费者权利可能不适用于您与该开发者达成的合约。

隐私权

管理扩展程序并了解它们在组织中的使用情况

该开发者已披露，此产品不会收集或使用您的数据。

该开发者已声明，您的数据：

不会因未获批准的用途出售给第三方
不会为实现与产品核心功能无关的目的而使用或转移
不会为确定信用度或放贷目的而使用或转移

相关

ColourBlind Simulation tool for developers

0.0

Allows web developers to experience their website through the perspective of colourblind individuals. Works for any website.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

Style Inspector Pro

5.0

A powerful Chrome extension for inspecting and extracting styles from web pages with advanced color and font analysis

Frontend Inspector

0.0

Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.

DOMinator CSS X-Ray

0.0

A modern Chrome extension for inspecting and analyzing CSS styles on web pages

Space Spector

5.0

Visualize all spacing gaps and padding at once — perfect for design review

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Live CSS Tester

3.7

Easily inject CSS into a webpage for testing

sitebrunch Accessibility & UX

5.0

Accessibility Testing, UX Monitoring & Collaboration

Sample Extension

0.0

A simple test extension for Chrome and Edge.

CSS Inspector Pro

5.0

Advanced CSS inspection and editing tool