"Polyfill 与 Ponyfill：特性检测与渐进增强策略"

概述Polyfill 通过向原生环境添加缺失 API 实现兼容；Ponyfill 则提供独立函数/模块避免修改全局对象。结合特性检测与渐进增强可更稳健地支持旧环境。检测与策略JS 特性检测：`if ('fetch' in window) { ... }` 或使用现代库；避免 UA 字符串判断。CSS 特性检测：`@supports` 查询（详见相关文章）。渐进增强：在支持环境启用新特性（如容器查询、`:has()`）；旧环境提供回退样式或功能。工程建议优先 Ponyfill 于安全/敏感场景，避免污染全局；Polyfill 用于广泛依赖的标准 API。管理体积：按需加载 Polyfill；结合 caniuse 与浏览器目标配置精简兼容包。参考与验证［参考1］web.dev：渐进增强与特性检测策略：https://web.dev/articles/progressive-web-apps［参考2］MDN：特性检测与兼容实践（JS/CSS）：https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Compatibility［参考3］caniuse：特性支持查询与策略制定：https://caniuse.com/关键词校验关键词与 Polyfill/Ponyfill/特性检测一致。