跳至主要内容
Chrome for Developers
文档
  • 使用 Chrome 构建
  • 了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • 利用网络最佳工具为用户创造最佳体验。
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • 借助我们现成的库，您可以更快速、更简洁地完成工作。
  • Workbox
  • 木偶操作师
  • 体验
  • 使用 Chrome 设计外观精美且性能出色的网页。
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私权和安全
  • 资源
  • 更多 Chrome 和 Google 产品。
  • 所有文档
  • 基准
  • web.dev
  • PageSpeed Insights 审核
  • Privacy Sandbox
  • 独立式 Web 应用 (IWA)
案例研究 博客 Chrome 中的新功能
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
  • Lighthouse
Lighthouse 开始使用 效果审核 无障碍功能审核 最佳实践审核 SEO 审核
Chrome for Developers
  • 文档
    • 更多
    • Lighthouse
    • 开始使用
    • 效果审核
    • 无障碍功能审核
    • 最佳实践审核
    • SEO 审核
  • 案例研究
  • 博客
  • Chrome 中的新功能
  • 一般最佳实践
  • 页面缺少 HTML DOCTYPE，因此触发了怪异模式
  • 控制台记录了浏览器错误
  • 显示的图片宽高比不正确
  • 字符集声明在 HTML 中缺失或出现过晚
  • 提高网页速度
  • 未为所有资源使用 HTTP/2
  • 确保您的网页安全无虞
  • 指向跨源目的地的链接不安全
  • 包含存在已知安全漏洞的前端 JavaScript 库
  • 确保 CSP 能够有效防范 XSS 攻击
  • 不使用 HTTPS
  • 不会将 HTTP 流量重定向到 HTTPS
  • 使用强大的 HSTS 政策
  • 使用 XFO 或 CSP 防范点击盗用
  • 使用 Trusted Types 缓解基于 DOM 的 XSS 攻击
  • 营造良好用户体验
  • 在网页加载时请求通知权限
  • 在网页加载时请求地理定位权限
  • 阻止用户将内容粘贴到输入字段中
  • 没有包含宽度或初始缩放比例的视口标记
  • 避免使用已弃用的技术
  • 使用应用缓存
  • 使用已废弃的 API
  • 诊断审核
  • 检测到的 JavaScript 库
  • 使用 Chrome 构建
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • Workbox
  • 木偶操作师
  • 体验
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私权和安全
  • 资源
  • 所有文档
  • 基准
  • web.dev
  • PageSpeed Insights 审核
  • Privacy Sandbox
  • 独立式 Web 应用 (IWA)
此页面由 Cloud Translation API 翻译。
  • 首页
  • Docs
  • Lighthouse
  • 最佳实践审核

页面缺少 HTML DOCTYPE，因此触发了怪异模式 使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

指定 DOCTYPE 可阻止浏览器切换到 怪异模式 这可能会导致网页以意想不到的方式呈现。

Lighthouse DOCTYPE 审核如何失败

Lighthouse 会对不包含 <!DOCTYPE html> 声明的网页进行标记：

<ph type="x-smartling-placeholder">
</ph>