CHCZ DESIGN CHECKER / 可视化网站质量检查
检查浏览器实际渲染出来的页面。
CHCZ Design Checker 是一款点击后才运行的 Chrome 扩展，用于检查浏览器当前渲染页面的结构与视觉实现。它无需上传被检查的页面，即可定位可观察到的页面问题。
点击后才运行
无需持续访问所有网站。
本地检查页面
不会上传被检查的页面内容。
公开版本 1.5.0
界面支持英文和简体中文。
检查内容
把可见的实现证据按行动方式归类。
报告将结果分为错误、警告、人工复核项和已通过检查。若某项发现对应具体页面元素，你可以直接定位到该元素。
页面元数据
把文档标题和 Meta Description 作为页面事实显示，而不是把它们变成排名分数。
标题结构
借助 H1–H6 可视化视图，查找缺失或重复的 H1、空标题和跳级标题。
图片与链接
区分缺失与有意留空的替代文字，标记尺寸过大的图片，并查找空白或占位链接目标。
布局溢出
定位可能超出视口左侧或右侧的内容，并尽可能排除有意设计的横向滚动容器。
对比度证据
检查可见文字、占位文字和可识别的功能性 SVG 图标；不确定的视觉情况会转入人工复核。
AI 与搜索信号
检查可观察到的抓取指令、规范网址、JSON-LD、语言、主要内容语义和部分公开站点文件。
三步复核
打开、检查、再次验证。
01 / 打开页面
在 Chrome 中打开常规 HTTP 或 HTTPS 页面，并把页面调整到你想检查的状态。
02 / 点击检查器
从工具栏选择 CHCZ Design Checker。报告是当前顶层文档在这一刻的快照。
03 / 修复并重新扫描
查看证据，在可定位时跳到受影响元素，完成修改后重新加载页面并再次检查。
适用对象
页面交付前的最后一次检查。
在上线前、改版后或客户交接前使用它，无需启动全站爬取，即可取得页面级实现证据。
- 网页设计师——检查溢出、排版、色彩使用、对比度证据和可见层级。
- SEO 专业人员——检查标题、元数据、图片替代文字处理、规范网址和可观察的搜索指令。
- 前端开发人员——在渲染页面中定位实现问题，并在重新扫描后验证修改。
- 内容团队——发布前检查标题、图片、链接和页面元数据。
默认在本地运行
被检查的页面保留在你的浏览器中。
只有点击工具栏操作后，页面检查才会开始。扩展不会上传被检查的页面内容、爬取页面链接、使用分析工具或收集个人数据；它只保存你选择的界面语言。
AI 和搜索可见性检查只会对所选网址，以及同一网站公开的响应头、robots.txt、Sitemap 和可选的 llms.txt 发起无需凭据的请求。
提供证据，而非裁决
CHCZ Design Checker 不能替代什么。
- 全站爬虫或 HTTP 状态检查器
- Search Console、分析平台或服务器日志
- 完整的无障碍审计
- 人工设计与内容复核
- 跨域 iframe 或封闭 Shadow DOM 检查
- 收录、排名、流量或 AI 引用的证明
一次扫描只覆盖当前顶层文档及其当前状态。位图图片中的文字，以及扫描后才出现的内容，可能需要单独复核或再次扫描。
常见问题
安装之前。
CHCZ Design Checker 是什么？
它是一款点击后才运行的 Chrome 扩展，用于检查当前渲染页面的结构和视觉实现。它把可观察的证据分为错误、警告、人工复核项和已通过检查，并在可用时提供元素直接定位。
它会上传我检查的页面吗？
不会。点击扩展后，页面检查在本地运行。它不会上传页面内容、爬取页面链接、使用分析工具或收集个人数据。公开的 AI 与搜索检查仅限于所选网站可观察到的技术资源。
它会检查每一个失效链接或 HTTP 错误吗？
不会。它可以识别空白和占位目标，以及缺失的页内片段目标，但不会请求链接指向的网址，也不是 HTTP 状态或 404 检查器。
报告通过是否能证明 SEO 或无障碍合规？
不能。报告只提供当前页面和扫描状态下的实现证据。搜索表现、收录、无障碍符合性、动态状态和全站行为仍需要其他证据与人工复核。
如何安装和使用？
打开 Chrome 应用商店官方页面并将扩展添加到 Chrome。在普通网页中点击 CHCZ Design Checker 工具栏操作，查看分组结果，完成修改后重新加载页面并再次检查。
公开版本 / 2026 年 9 月 4 日已验证
1.5.0 版本已在 Chrome 应用商店上线。
由 CHCZ 构建并发布。此页面的网站说明以已核验的公开商店版本为准；今后只有在重新核验公开页面后，才会加入与版本有关的变更。
继续了解：可视化网站质量检查指南 · CHCZ 数字工具箱