Qual è il significato dei polyfill in HTML5?

Qual è il significato dei polyfill in HTML5? Ho visto questa parola in molti siti su HTML5, ad esempio HTML5-Cross-Browser-Polyfills.

Quindi qui stiamo raccogliendo tutti gli spessori, fallback e polyfill per impiantare la funzionalità HTML5 nei browser che non li supportano in modo nativo.

In realtà non ho capito qual è il significato dei polifilloli.

È una nuova tecnica HTML5 o una libreria JavaScript? Non ho mai sentito questa parola prima di HTML5.

E qual è la differenza tra spessori, fallback e polyfill?

Un polyfill è un fallback del browser, realizzato in JavaScript, che consente alle funzionalità che ci si aspetta di lavorare nei browser moderni di funzionare nei browser più vecchi, ad esempio per supportare il canvas (una funzione HTML5) nei browser più vecchi.

È una specie di tecnica HTML5, poiché viene utilizzata insieme a HTML5, ma non fa parte di HTML5 e puoi avere polyfill senza HTML5 (ad esempio, per supportare le tecniche CSS3 che desideri).

Ecco un buon post:

http://remysharp.com/2010/10/08/what-is-a-polyfill/

Ecco un elenco completo di Polyfill e spessori:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

Prima di tutto chiariamo cosa non è un polyfil: un polyfill non fa parte dello standard HTML5. Né un polyfill è limitato a Javascript, anche se spesso si vedono riferimenti a polyfill in questi contesti.

Il termine stesso polyfill si riferisce ad un codice che "ti consente di avere alcune funzionalità specifiche che ti aspetti nei browser attuali o" moderni "per funzionare anche in altri browser che non hanno il supporto per quella funzionalità integrata."

Fonte ed esempio di polyfill qui:

http://www.programmerinterview.com/index.php/html5/html5-polyfill/

Un polyfill è un pezzo di codice (o plugin) che fornisce la tecnologia che tu, lo sviluppatore, ti aspetti che il browser fornisca in modo nativo.

Un polyfill è uno spessore che sostituisce la chiamata originale con la chiamata a uno spessore.

Ad esempio, supponiamo che tu voglia utilizzare l'oggetto navigator.mediaDevices, ma non tutti i browser lo supportano. Potresti immaginare una libreria che fornisca uno spessore che potresti usare in questo modo:

<script src="js/MediaShim.js"></script>
<script>
    MediaShim.mediaDevices.getUserMedia(...);
</script>

In questo caso, si chiama esplicitamente uno shim invece di utilizzare l'oggetto o il metodo originale. Il polyfill, d'altra parte, sostituisce gli oggetti e i metodi sugli oggetti originali.

Per esempio:

<script src="js/adapter.js"></script>
<script>
    navigator.mediaDevices.getUserMedia(...);
</script>

Nel tuo codice, sembra che tu stia usando l'oggetto navigator.mediaDevices standard. Ma davvero, il polyfill (adapter.js nell'esempio) ha sostituito questo oggetto con il suo.

Quello con cui lo ha sostituito è uno spessore. Questo rileverà se la funzionalità è supportata in modo nativo e la userà se lo è, oppure funzionerà usando altre API se non lo è.

Quindi un polyfill è una sorta di spessore "trasparente". E questo è ciò che Remy Sharp (che ha coniato il termine) intendeva quando diceva " se si rimuoveva lo script polyfill, il codice continuerebbe a funzionare, senza che siano necessarie modifiche nonostante la rimozione del polyfill ".