如何让最新版Angular兼容旧版浏览器？

1. 是否存在需进行垫片处理的浏览器功能清单？ #

• Angular初始化项目时生成的polyfills.ts文件，已经列出了基础兼容所需的核心垫片项。针对旧版嵌入式浏览器，主要需要补全两类功能：
  • ES6+语法与API：箭头函数、Promise、Array.prototype.includes、Object.assign、Symbol等
  • DOM标准API：Element.prototype.classList、requestAnimationFrame、CustomEvent、MutationObserver等
  • Angular依赖项：Reflect.metadata（用于装饰器解析）
• 具体清单需要结合目标浏览器的特性缺失情况确定，可以通过离线的兼容性对照表（比如本地缓存的兼容性数据）逐一排查。

2. 是否已有开发者完成过此类兼容工作？ #

• 是的，大量开发者针对工业嵌入式设备、老旧POS机等场景完成过Angular的旧浏览器适配，常见适配目标包括IE11、Chrome 49及以下版本。这类适配的核心思路都是基于Angular自带的polyfills.ts扩展配置，结合目标浏览器的特性缺口补充对应垫片。

3. 是否有可用的垫片清单？core-js垫片是否足以满足需求？ #

• 可用的基础垫片清单可以直接参考Angular项目自带的polyfills.ts，文件中已经预设了针对主流旧浏览器的配置项，你可以根据目标设备的情况开启或添加额外内容：
  • core-js是Angular官方推荐的ES语法垫片库，能覆盖绝大多数ES6+到ES5的语法转换和API补全，是核心依赖
  • 但core-js不包含DOM API的垫片，这类需要单独引入专用库，比如classlist-polyfill补全classList、web-animations-js补全动画API、custom-event-polyfill补全自定义事件等
  • 针对部分超老旧浏览器，可能还需要单独确保Promise、Reflect相关垫片的正确引入（core-js已包含，但需确认启用对应模块）

内容的提问来源于stack exchange，提问作者Max