现代浏览器默认原生支持HTML5，无需安装或开启；确认特性需检测具体API（如typeof localStorage），而非笼统查“HTML5支持”；页面不工作多因新特性兼容性、file://协议限制、MIME错误、隐私模式或权限问题。

现代浏览器默认已完整支持 HTML5，不需要额外“安装”或“开启”HTML5 功能。 HTML5 不是插件，也不是开关选项——它是 W3C 标准，由浏览器内核原生实现。只要使用 Chrome 4+、Firefox 4+、Safari 5.1+、Edge 12+ 或 Opera 11.6+，audio、video、canvas、localStorage、fetch 等核心特性均已启用且无法关闭。

怎么确认浏览器是否支持某项 HTML5 特性

不要查“是否支持 HTML5”，而要查具体 API 是否可用。常见检测方式：

• 用 typeof 检查全局对象：typeof localStorage !== 'undefined'
• 用 in 检查属性：'geolocation' in navigator
• 创建元素并检查方法：!!document.createElement('canvas').getContext
• 直接调用并捕获错误（如 fetch）

为什么有些 HTML5 页面在浏览器里不工作

问题通常不出在“HTML5 支持”上，而是以下原因：

• 网页用了未被当前浏览器支持的**新特性**（如 Popover API、View Transitions），需查 caniuse.com 确认兼容性
• 本地双击打开 HTML 文件（file:// 协议），导致 fetch、Service Worker、CORS 相关功能被禁用
• 服务器未正确设置 MIME 类型（如返回 text/plain 而非 text/html）
• 浏览器启用了严格隐私模式（如 Firefox 的 ETP 严格模式），屏蔽了 localStorage 或第三方 Cookie 相关 API

开发时如何安全使用 HTML5 API

避免直接假设 API 存在，始终做运行时检测：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js')
    .catch(err => console.warn('SW registration failed:', err));
} else {
  console.log('Service Worker not supported');
}

对关键功能降级处理：

立即学习“前端免费学习笔记（深入）”；

• 用 时提供多个 格式（mp4 + webm）
• 用 fetch 前检查：if (window.fetch)，否则回退到 XMLHttpRequest
• 存储类 API（localStorage / indexedDB）需捕获 QuotaExceededError 或 SecurityError

实际遇到“HTML5 不生效”，90% 是路径、协议、MIME、权限或特性本身太新导致的，不是浏览器没开 HTML5。别在设置里找“HTML5 开关”——它根本不存在。