Item logo image for DesignCheck

DesignCheck

Item media 1 (screenshot) for DesignCheck

Overview

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

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

Details

  • Version
    1.0.9
  • Updated
    February 25, 2026
  • Offered by
    Kiann.Yang
  • Size
    27.2KiB
  • Languages
    中文(中国)
  • Developer
    Email
    eugeniocode@yeah.net
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

Element Inspect

5.0

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

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

Hover inspector like in Zeplin , Figma

4.8

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Bootstrap grid viewer

3.7

Detects Bootstrap Grid elements on a page and displays visual overlay for them

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

4.2

Easily inject CSS into a webpage for testing

Elementor Width Display

4.8

Essa extensão exibe as laguras dos breakpoints no elementor e também adiciona um grid ao canva

sitebrunch

5.0

Accessibility Testing & UX Monitoring

Dimensions

4.2

A tool for designers to measure screen dimensions

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

Element Inspect

5.0

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

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

Hover inspector like in Zeplin , Figma

4.8

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Bootstrap grid viewer

3.7

Detects Bootstrap Grid elements on a page and displays visual overlay for them

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

4.2

Easily inject CSS into a webpage for testing

Google apps