IE浏览器不支持HTML5原生API，应通过特性检测而非UA判断来适配；IE8–9需用Flash回退video/audio，IE7–8可用userData模拟localStorage；推荐使用Babel自动注入polyfill。
IE 浏览器本身不支持 HTML5，所谓“HTML5 插件”并不存在——IE（尤其是 IE9 及更早版本）没有原生 、、localStorage、querySelector 等 API，强行注入第三方脚本模拟，反而容易触发对象重定义、事件劫持或 DOM 渲染异常。真正的解法不是找插件，而是绕过或降级。
IE 判断与 HTML5 特性检测必须分开做
用 document.documentMode 或 navigator.userAgent 判断 IE，但不能据此直接禁用功能；应改用特性检测（feature detection），比如：
if ('querySelector' in document && 'localStorage' in window) {
// 使用原生 HTML5 API
} else {
// 加载 polyfill 或 fallback 逻辑
}常见错误是写成 if (isIE) { useFlashFallback() }——IE10+ 已支持部分 HTML5，而某些国产双核浏览器 UA 里带 IE 字样却跑在 WebKit 内核上，误判会导致现代功能被砍。
video/audio 标签在 IE8–IE9 必须提供 Flash 回退路径
IE8–IE9 不识别 标签，会忽略其子节点。仅靠
立即学习“前端免费学习笔记（深入）”；
- Flash 文件需自行托管，不能依赖外部 CDN（IE 本地文件模式下常因安全策略拒绝加载）
-
player.swf必须支持 MP4/H.264，推荐使用flowplayer或精简版swfobject - IE10+ 可直接走原生
，无需 Flash，但需确保服务器返回正确 MIME 类型（video/mp4）
localStorage/sessionStorage 在 IE7–IE8 需用 userData 行为模拟
IE7–IE8 不支持 localStorage，但提供专有行为 userData，可用轻量封装桥接：
if (!window.localStorage) {
window.localStorage = {
getItem: function(k) {
var el = document.createElement('div');
el.style.behavior = 'url(#default#userData)';
document.body.appendChild(el);
el.load('localStorage');
return el.getAttribute(k) || null;
},
setItem: function(k, v) {
var el = document.createElement('div');
el.style.behavior = 'url(#default#userData)';
document.body.appendChild(el);
el.setAttribute(k, v);
el.save('localStorage');
}
};
}注意：userData 存储上限约 128KB，且只在同协议+同域名下有效；若页面含 HTTPS 和 HTTP 混合资源，IE 会拒绝加载 userData 行为，导致静默失败。
真正麻烦的不是加 polyfill，而是混合开发中「某处用了 Array.prototype.includes」却忘了 IE11 都不支持——这种细节不会报错，只会让逻辑卡死。建议用 browserslist + @babel/preset-env 自动注入必要垫片，比手写兼容代码更可靠。
