编辑“︁JavaScript浏览器兼容性”︁（章节）

== 解决兼容性问题的工具 ==  
=== 1. Polyfill ===  
Polyfill是用于模拟新API的代码库，例如：  
* `core-js`：提供ES5+功能的Polyfill。  
* `fetch` Polyfill：在旧浏览器中实现`fetch`功能。  

{{Code|lang=html|title=使用Polyfill示例|  
<syntaxhighlight lang="html">  
<!-- 加载core-js Polyfill -->  
<script src="https://cdn.jsdelivr.net/npm/core-js@3.0.0-bundle/minified.js"></script>  
</syntaxhighlight>  
}}  

=== 2. Transpiler（转译器） ===  
将新语法转换为旧浏览器支持的语法，常用工具：  
* Babel：将ES6+代码转译为ES5。  

{{Code|lang=javascript|title=Babel转译前（ES6）与转译后（ES5）|  
<syntaxhighlight lang="javascript">  
// 转译前  
const square = (x) => x * x;  

// 转译后  
var square = function(x) { return x * x; };  
</syntaxhighlight>  
}}  

=== 3. 构建工具集成 ===  
Webpack、Rollup等工具可集成Babel和Polyfill自动处理兼容性。