Web polyfill

An automatic CDN service for Web polyfills, which is based on TypeScript, Node.js & JSDelivr.

CI & CD

Usage example

  1. Find a Web feature in the Polyfill directory
  2. Copy the class name of the selected polyfill, then write it into a specific Script URL (shown below)
  3. the above script will detect whether current environment needs to be patched, then load the polyfill script original from JSDelivr

Web pages

<head>
    <script src="https://polyfill.web-cell.dev/feature/ResizeObserver.js"></script>
</head>

Web workers

self.importScripts('https://polyfill.web-cell.dev/feature/Regenerator.js');

Add more polyfills

  1. For junior engineers, you can submit an issue and wait for the maintainer reaction
  2. For senior engineers, just edit the Polyfill files, and make a pull request
  3. After your pull request reviewd & merged, the polyfills will be updated by GitHub actions automatically

Host your own mirror

  1. Fork this repository
  2. Replace original HTTP domain with yours in GitHub action configuration
  3. You can replace GitHub pages with an Object Storage service (AWS S3, etc.)

China mainland

Thanks for KaiYuanShe's donation, we get a fast local mirror for China mainland:

https://polyfill.kaiyuanshe.cn/

Custom examples

Edit .env content to fit your situation:

WAN_ICON=🇺🇦
WAN_HOST=https://polyfill.example.ua
LAN_ICON=🇷🇺
LAN_HOST=https://polyfill.example.ru

or

WAN_ICON=🇰🇷
WAN_HOST=https://polyfill.example.kr
LAN_ICON=🇰🇵
LAN_HOST=https://polyfill.example.kp

Inspired by

  1. https://polyfill.io/
  2. https://polyfiller.kaiyuanshe.cn/

All supported polyfills

No. Name Package Source Map Network
1 ECMAScript core-js-bundle 🇺🇳 🇨🇳
2 ECMAScript6 es6-shim 🇺🇳 🇨🇳
3 ECMAScript7 es7-shim 🇺🇳 🇨🇳
4 Proxy es6-proxy-polyfill 🇺🇳 🇨🇳
5 Regenerator regenerator-runtime 🇺🇳 🇨🇳
6 DateTimeFormat @formatjs/intl-datetimeformat 🇺🇳 🇨🇳
7 DisplayNames @formatjs/intl-displaynames 🇺🇳 🇨🇳
8 GetCanonicalLocales @formatjs/intl-getcanonicallocales 🇺🇳 🇨🇳
9 ListFormat @formatjs/intl-listformat 🇺🇳 🇨🇳
10 Locale @formatjs/intl-locale 🇺🇳 🇨🇳
11 NumberFormat @formatjs/intl-numberformat 🇺🇳 🇨🇳
12 PluralRules @formatjs/intl-pluralrules 🇺🇳 🇨🇳
13 RelativeTimeFormat @formatjs/intl-relativetimeformat 🇺🇳 🇨🇳
14 Segmenter intl-segmenter-polyfill-rs-web 🇺🇳 🇨🇳
15 AdoptedStyleSheets construct-style-sheets-polyfill 🇺🇳 🇨🇳
16 Detail details-element-polyfill 🇺🇳 🇨🇳
17 Dialog dialog-polyfill 🇺🇳 🇨🇳
18 ElementInternals element-internals-polyfill 🇺🇳 🇨🇳
19 EventSubmitter event-submitter-polyfill 🇺🇳 🇨🇳
20 IntersectionObserver intersection-observer 🇺🇳 🇨🇳
21 PointerEvents @wessberg/pointer-events 🇺🇳 🇨🇳
22 ResizeObserver resize-observer-polyfill 🇺🇳 🇨🇳
23 ScrollBehavior scroll-behavior-polyfill 🇺🇳 🇨🇳
24 WebAnimation web-animations-js ✅ 🇺🇳 🇨🇳
25 WebComponents @webcomponents/webcomponentsjs ✅ 🇺🇳 🇨🇳
26 AbortController yet-another-abortcontroller-polyfill 🇺🇳 🇨🇳
27 Clipboard clipboard-polyfill ✅ 🇺🇳 🇨🇳
28 EventTarget event-target-polyfill 🇺🇳 🇨🇳
29 Fetch whatwg-fetch 🇺🇳 🇨🇳
30 PWAManifest pwacompat 🇺🇳 🇨🇳
31 Share share-api-polyfill 🇺🇳 🇨🇳
32 TextEncoder fastestsmallesttextencoderdecoder-encodeinto ✅ 🇺🇳 🇨🇳
33 URL url-polyfill 🇺🇳 🇨🇳
34 URLPattern urlpattern-polyfill 🇺🇳 🇨🇳