小影志 > 怀旧风情 > 前端开发 > Polyfill.io - 自动化的 JavaScript Polyfill 服务

Polyfill.io - 自动化的 JavaScript Polyfill 服务

作者:佚名 来源:小影志 时间:2016-10-12

\

Polyfill 可以为旧浏览器提供和标准 API 一样的功能。比如你想要 IE 浏览器实现 Promise 和 fetch 功能,你需要手动引入 es6-promise、whatwg-fetch。而通过 Polyfill.io,你只需要引入一个 JS 文件。

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

Polyfill.io 通过分析请求头信息中的 UserAgent 实现自动加载浏览器所需的 polyfills。

Polyfill.io 有一份默认功能列表,包括了最常见的 polyfills:document.querySelectorElement.classList、ES5 新增的 Array 方法、Date.now、ES6 中的 Object.assignPromise 等。

你也可以通过传递 features 参数来自定义功能列表:


<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise,fetch"></script>

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es5,es6"></script>

Polyfill.io 还提供了其他 API,具体请查阅官方文档:


<script src="https://cdn.polyfill.io/v2/polyfill.min.js?callback=main" async defer></script>

<script src="https://cdn.polyfill.io/v2/polyfill.js?features=modernizr:es5array|always"></script>

cdn.polyfill.io 使用 Fastly 提供的 CDN 服务,虽然没有中国节点,但测试下来速度也不慢,感兴趣的不妨试试这个服务~