support-ie8

polyfill

在页面引入 polyfil

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

其他资源

• react-ie8

使用特定的构建工具

• 👍 使用 es3ify-loader

使用特定版本的构建工具

• 👍 webpack@1.13.2 SamHwang1990/blog#6
• 👍 karma@1.3.0 karma-runner/karma#2556

构建工具兼容配置

• ℹ️ React hot reload 不支持IE8，本地开发阶段要测试IE8请取消热更新.
• ℹ️ uglify@2.7.0之后的版本 设置 screw-ie8: false compress: { warnings: false, screw_ie8: false }, mangle: { screw_ie8: false }, output: { screw_ie8: false }
• ℹ️ babel-presets-es2015 设置 loose: true ，避免出现 Object.defineProperty "presets": [ ["es2015", { "loose": true }] ]

使用特定版本的第三方包

• 👍 react@1.14.8 react@15.*.* 不兼容IE8
• 👍 react-router@2.3.0 2.3.0 以上版本存在 Object.defineProperty
• 👍 redux@3.*.* redux 4 不支持IE8 Redux 4 breaking changes

不要使用特定版本的第三方包

• ⚠️ antd@2x
• ⚠️ react-redux@4.0.1~4.0.3 reduxjs/react-redux#227

不要使用的第三包

• ⚠️ enzyme
• ⚠️ redux-saga redux-saga/redux-saga#313

webpack 注意事项

// 不兼容IE8
import { Tabs } from "antd"
// 兼容IE8
import Tabs from "antd/lib/tabs"

IE Debug

禁用内存保护（IE8没有）

禁用崩溃重启

找到调试工具

吐槽：有时调试工具会出现在屏幕外，导致无法找到。

普通刷新清除不了IE缓存