出海成章CHCZ · Design Checker

About

拒绝“盲人摸象”，一键看透网页隐形问题！专为外贸人与设计师打造：一键检测死链、图片Alt与尺寸、H标签层级；提供字体嗅探与调色板工具、布局检测。模拟Google爬虫视角，支持中英双语，精准定位网页SEO与体验问题。

Stop guessing. Start optimizing.

Design Checker is a powerful visual inspection tool designed for Web Designers, SEO Specialists, and Developers. It acts like an "X-Ray" for your website, visualizing hidden code attributes to help you improve Google rankings and User Experience instantly.

Key Features:

1. One-Click Health Report Instantly scan the page for SEO errors (Missing H1, Missing Alt text, Broken Links). Click on any issue in the report to activate the "Cruise Navigation" mode, which automatically scrolls to each problematic element—even if they are hidden inside tabs or mobile menus.

2. Image SEO & Performance Audit

Alt Text Visualizer: See Alt text directly on images. Red borders indicate missing Alt tags; Green indicates valid ones.

Oversized Image Warning: Automatically detects images that are too large for their display container, helping you fix performance bottlenecks.

3. Smart Broken Link Checker Simulates the Googlebot perspective to identify truly broken links (empty hrefs, # links) while intelligently ignoring valid JavaScript interaction buttons.

4. Design Tools

Font Sniffer: Instantly reveal the Font Family, Size, and Weight for H1, H2, and Body text.

Color Palette: Automatically extracts the top 5 most used colors (Hex codes) from the page. Click to copy!

5. Structure & Visual Simulation

Heading X-Ray: Visualizes H1-H6 tags to verify content hierarchy.

Visual Simulator: Includes "Grayscale" and "Blur" modes to test visual contrast and layout hierarchy.

✨ Why Design Checker?

User-Friendly: Draggable interface that never blocks your view.

Bilingual: Switch between English and Chinese with one click.

Privacy First: Lightweight, open-source logic, and collects NO user data.

🚀Update Log:

V1.1：
- Temporary Disable: Added a switch to temporarily pause the extension directly from the interface；
- Fixed a bug where the extension would close unexpectedly when clicking "Reset all markers".

V1.2：
- Added Layout Overflow Check functionality.
- Added a feature to hide the interface, making it easier to use on smaller screens.