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.querySelector
、Element.classList
、ES5 新增的 Array
方法、Date.now
、ES6 中的 Object.assign
、Promise
等。
你也可以通过传递 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 服务,虽然没有中国节点,但测试下来速度也不慢,感兴趣的不妨试试这个服务~
相关阅读
- Whats the Closest Google Font? 找到最好的 Google Web 字体
- 完美防止垃圾邮件的6种方式 - 让Spam爬虫空手而归
- 常用 JavaScript 库 CDN 加速服务
- JavaScript and CSS Code Beautifier - 代码格式化高亮扩展
- 在 Node.js 中使用 js-xlsx 处理 Excel 文件
- 【译】使用 Intersection Observer 实现图片延迟加载
- 使用 Web Audio API 播放摩斯密码
- 【译】如何创造带方向感应的纯 CSS 悬停效果
- Kraken.io - 最好用的在线图片压缩工具
- 浏览器知道你的哪些信息
更多资讯
-
Whats the Closest Google Font? 找到最好的 Google Web 字体
-
完美防止垃圾邮件的6种方式 - 让Spam爬虫空手而归
-
常用 JavaScript 库 CDN 加速服务
-
JavaScript and CSS Code Beautifier - 代码格式化高亮扩展
-
【译】使用 Intersection Observer 实现图片延迟加载
-
使用 Web Audio API 播放摩斯密码
-
【译】如何创造带方向感应的纯 CSS 悬停效果
-
Kraken.io - 最好用的在线图片压缩工具
-
CSS3介绍
-
使用 SVG 实现手写签名动画效果
-
Fontmin - 中文 WebFont 子集化生成工具
-
通过 Chrome Workspace 调试本地项目