IE8及更早版本因缺失HTML5/DOM2核心API（如localStorage、querySelector）和ES5原生方法，导致现代插件无法运行；兼容需三管齐下：同步加载polyfill、禁用特性检测逻辑、选用兼容老版本插件，并规避语法与API硬伤。
低版本浏览器根本跑不动 HTML5 新 API
IE8 及更早版本不支持 localStorage、querySelector、addEventListener 这类 HTML5 / DOM Level 2 核心接口，不是“调用 JS 插件失败”，而是底层能力缺失。插件内部一旦用了这些 API，直接报 Object doesn't support property or method 错误，连初始化都卡住。
- IE6–IE8 默认使用 JScript 5.7/5.8，不支持
JSON.parse、Array.prototype.forEach等原生方法 - 很多现代插件（如 Chart.js v3、Swiper v9）已完全放弃 IE 支持，连打包产物都不含兼容代码
- 所谓“调用成功”，往往只是脚本加载了，但关键逻辑因 API 缺失而静默失效
想让老浏览器用 JS 插件，必须做三件事
不是加个 polyfill 就完事——得从加载方式、运行时补丁、插件选型三头并进：
- 用
document.write或同步script标签加载 polyfill（如es5-shim、json2.js），确保在任何插件执行前就补全基础对象方法 - 禁用插件的现代特性检测逻辑：比如某些轮播插件会用
'ontouchstart' in window判断是否启用触摸，但在 IE8 里这个判断本身就会报错，得提前 patchin操作或改用特征探测兜底 - 回退到已知兼容的老版本插件：jQuery 1.x（非 3.x）、Validate 1.16、Fancybox 2.x —— 它们的源码里还保留着
attachEvent和document.all分支
polyfill 不是万能的，这些坑必须手动绕开
像 Promise、fetch、class 语法这类东西，就算加了 polyfill，也救不了依赖它们的插件。因为老引擎解析不了 async 关键字或箭头函数，直接 SyntaxError 报错停在第一行。
- Webpack 打包时不能用
target: 'es2015'，必须设为'es5'，且关闭module: false避免 import/export 被转成 ES6 模块 - 避免使用
let/const，全部换成var；CSS 中慎用flex，老 IE 只认display: inline-block+zoom: 1 - 某些插件（如 Select2）v4+ 强制要求
data-*属性，而 IE8 对dataset的支持是半残的，得用getAttribute('data-xxx')显式读取
真要兼容 IE8，别碰“HTML5”标签和语义化结构
<section>、<header>、<nav> 这些标签在 IE8 渲染时默认是 display: inline，且无法被 CSS 选中，除非提前用 document.createElement 注册。但更麻烦的是，很多 JS 插件内部用 querySelector('nav ul') 查找元素，而 IE8 的 querySelector 不支持伪类和部分属性选择器。
立即学习“前端免费学习笔记（深入）”；
- 用
html5shiv是必须的，但注意它只解决渲染问题，不修复 DOM 方法缺失 - 插件初始化时尽量用 ID 或 class 选择器，避免复杂 CSS 选择器；例如把
$('div[data-role="slider"]')改成$('#slider-container') - 所有自定义事件（如
plugin:ready）必须用attachEvent绑定，不能依赖dispatchEvent
真正难的不是让代码跑起来，而是让交互逻辑在没有 getComputedStyle、没有 requestAnimationFrame、甚至没有 console 的环境里不崩、不卡、不丢事件——这些细节，文档里通常不会写。
