Γρήγορη αναφορά

Σκονάκι Εναλλακτικών του Polyfill.io & Ανίχνευσης Δυνατοτήτων

Οδηγός αναφοράς για φόρτωση polyfill: προειδοποίηση ασφαλείας για την επίθεση εφοδιαστικής αλυσίδας στο polyfill.io, αντικατάσταση μέσω Cloudflare cdnjs και υπό όρους φόρτωση.

· Δημοσιεύτηκε

[!CAUTION] Κρίσιμη Προειδοποίηση Εφοδιαστικής Αλυσίδας: Ο αρχικός τομέας polyfill.io εξαγοράστηκε από τρίτους και χρησιμοποιήθηκε ενεργά για επιθέσεις έγχυσης κακόβουλου λογισμικού. Αφαιρέστε αμέσως όλες τις αναφορές στο polyfill.io από κάθε παραγωγικό κώδικα.

Ασφαλής Εναλλακτική Cloudflare CDN

Το Cloudflare και το cdnjs φιλοξενούν ένα απομονωμένο, ελεγμένο αντίγραφο (mirror) της βιβλιοθήκης polyfill:

<!-- Ασφαλής άμεση αντικατάσταση από το Cloudflare -->
<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>

Φόρτωση Δυνατοτήτων Υπό Όρους

Για να αποφύγετε τη φόρτωση polyfills σε σύγχρονα προγράμματα περιήγησης που υποστηρίζουν εγγενώς ES6+ APIs, χρησιμοποιήστε ενσωματωμένο έλεγχο δυνατοτήτων:

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

Σύγχρονη Συνιστώμενη Προσέγγιση: Core-JS & Bundler

Η σύγχρονη ανάπτυξη frontend ενσωματώνει τα polyfills κατά τη μεταγλώττιση (μέσω Vite, Webpack ή Babel) αντί να φορτώνει εξωτερικά scripts κατά την εκτέλεση:

npm install core-js

Στο σημείο εισόδου της εφαρμογής (index.js):

import 'core-js/stable';

Αναφορές

Σχετικά θέματα