Snelle referentie

Polyfill.io Alternatieven & Functiedetectie Spiekbriefje

Referentiegids voor het laden van polyfills: beveiligingswaarschuwing voor de polyfill.io supply-chain-aanval, Cloudflare cdnjs-vervanging en voorwaardelijk laden.

· Gepubliceerd

[!CAUTION] Kritieke Supply Chain-Waarschuwing: Het oorspronkelijke domein polyfill.io is overgenomen door een derde partij en actief misbruikt voor malware-injectieaanvallen. Verwijder onmiddellijk alle verwijzingen naar polyfill.io uit elke productiecodebase.

Veilig Cloudflare CDN-alternatief

Cloudflare en cdnjs bieden een geïsoleerde, gecontroleerde drop-in mirror van de polyfill-bibliotheek:

<!-- Veilige drop-in vervanging geleverd door Cloudflare -->
<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>

Voorwaardelijk Laden via Functiedetectie

Gebruik inline functiedetectie voordat u script-tags invoegt om polyfills te vermijden in moderne browsers met ingebouwde ES6+-ondersteuning:

<script>
  if (!(window.Promise && [].includes && Object.assign && window.Map)) {
    var script = document.createElement('script');
    script.src = 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js';
    document.head.appendChild(script);
  }
</script>

Moderne Aanpak: Core-JS & Bundler-polyfills

Moderne frontend-ontwikkeling bundelt polyfills tijdens compilatie (via Vite, Webpack of Babel) in plaats van externe scripts tijdens runtime te laden:

npm install core-js

In het startpunt van uw applicatie (index.js):

import 'core-js/stable';

Referenties

Verwante onderwerpen