问题描述
在进行前端开发时，我们经常会遇到代码在不同浏览器中表现不一致的情况。其中，IE 11 是一个比较麻烦的浏览器，因为它并不支持一些新的 Web 标准和 API。有时候，我们写好的代码在 Chrome 等现代浏览器中能够正常运行，但是在 IE 11 中却无法运行，这给开发带来很大的困扰。
解决方案
要想在 IE 11 中运行代码，我们需要了解 IE 11 不支持的特性，并做出相应的修改。下面，介绍一些常见的问题及其解决方案：
1. 不支持 ES6 语法
ES6 引入了许多新的语法特性，如箭头函数、let 和 const 声明、模板字符串等等。然而，IE 11 并不支持这些新特性，因此如果你的代码使用了这些语法，就会在 IE 11 中无法运行。
解决方法：
- 使用 Babel 等工具将 ES6 代码转换成 ES5 代码。这样，即使在 IE 11 中也可以正确地运行你的代码。
- 避免使用 ES6 特性。如果你的代码必须使用 ES6 特性，可以考虑使用 Polyfill 或者尝试其他方法来模拟这些特性。
2. 不支持部分 CSS 属性和选择器
IE 11 对一些常用的 CSS 属性和选择器并不支持，如 flexbox、grid、:root 等等。如果你的代码使用了这些属性或选择器，就会在 IE 11 中无法正确地渲染页面。
解决方法：
- 使用 polyfill、hack 或者其他工具来模拟这些属性或选择器，使得在 IE 11 中也能够正常运行。
- 避免使用这些不支持的属性或选择器。尽量使用 IE 11 支持的 CSS 属性和选择器。
3. 不支持部分 JavaScript API
除了 ES6 语法，IE 11 还有很多 JavaScript API 不支持，如 Promise、fetch 等等。如果你的代码使用了这些 API，就会在 IE 11 中出现问题。
解决方法：
- 使用 Polyfill 或者手动实现这些 API。这样就可以在 IE 11 中正常使用它们。
- 避免使用这些不支持的 API。尽量使用 IE 11 支持的 JavaScript API。
示例代码
下面是一个简单的示例，用于演示如何解决代码在 IE 11 中无法运行的问题：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------------------
-------
------
---- ---------------
--------
-- --- -------
----- ------------- - ----- ----- -- -
----- ------- - ----------------------------
------------------- - -----
------ --------
--
-- -- ----- --- -----------
-------------------------------------
-------------- -- ----------------
---------- -- -
----- --- - -------------------------------
----------------- -- -
----- -------- - ------------------- -----------
--------------------------
---
--
------------ -- ----------------------
---------
-------
-------这段代码使用了 ES6 的箭头函数和 fetch API，这些在 IE 11 中都无法正常运行。为了让代码能够在 IE 11 中正常运行，需要对其进行修改：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/10973) ，转载请注明来源
[https://www.javascriptcn.com/post/10973](https://www.javascriptcn.com/post/10973)