代码、数据与二维码工具

暗色模式支持检查器

粘贴完整 HTML 文档或带样式的片段。浏览器检查常见暗色模式信号,并在不上传代码的情况下渲染隔离的明暗预览。

优先本地处理无需注册隐私说明 ↗

本地清单和被动预览。预览会移除脚本。

使用步骤

如何使用

  1. 粘贴不超过 500 KiB 的 HTML/CSS。
  2. 运行本地暗色模式清单检查。
  3. 查看检查结果并比较隔离的明暗预览。

检查常见信号,不是完整审计

清单会查找 prefers-color-scheme、CSS 变量、color-scheme、自适应 SVG、图像处理、过渡效果和手动主题钩子等常见实现信号。它不能证明每个组件都具备可访问性。

本地预览

浏览器会在隔离的明暗预览框架中渲染粘贴的文档。代码不会上传、保存或发送到任何服务。

输入大小限制

输入上限为 500 KiB。预览前会移除脚本,因此预览只是被动的视觉检查。

常见问题

你可能还想知道

这会修改我的网站吗?

不会。工具只检查粘贴的文本,并在当前浏览器中创建临时本地预览。

通过检查就能证明暗色模式具备可访问性吗?

不能。还需检查实际内容、焦点状态、对比度、图像和交互状态。