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