Kurzreferenz

Polyfill.io-Alternativen & Feature-Detection Spickzettel

Referenzleitfaden für das Laden von Polyfills: Sicherheitshinweis zum Supply-Chain-Angriff auf polyfill.io, Cloudflare-cdnjs-Ersatz und bedingtes Skript-Laden.

· Veröffentlicht

[!CAUTION] Kritische Supply-Chain-Warnung: Die ursprüngliche Domain polyfill.io wurde von Dritten übernommen und aktiv für Malware-Injections über die Lieferkette genutzt. Entfernen Sie sofort alle Referenzen auf polyfill.io aus sämtlichen Produktions-Codebasen.

Sichere Cloudflare-CDN-Alternative

Cloudflare und cdnjs betreiben einen isolierten, geprüften Drop-in-Mirror der Polyfill-Bibliothek:

<!-- Sicherer Drop-in-Ersatz von Cloudflare -->
<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>

Bedingtes Laden nach Feature-Erkennung

Um das Laden von Polyfills in modernen Browsern mit nativer ES6+-Unterstützung zu vermeiden, prüfen Sie Funktionen inline vor dem Einfügen von Script-Tags:

<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>

Moderner Ansatz: Core-JS & Bundler-Polyfills

Moderne Frontend-Entwicklung bündelt Polyfills direkt beim Build (über Vite, Webpack oder Babel), statt externe Skripte zur Laufzeit nachzuladen:

npm install core-js

Im Einstiegspunkt Ihrer Anwendung (index.js):

import 'core-js/stable';

Referenzen

Verwandte Themen