Jakie jest znaczenie polyfills w HTML5?

Po pierwsze wyjaśnijmy, czym nie jest polyfil: polyfill nie jest częścią standardu HTML5. Polyfill nie jest również ograniczony do Javascript, nawet jeśli często widzisz, że w tych kontekstach mówi się o polyfillach.

Sam termin polyfill odnosi się do jakiegoś kodu, który "pozwala na posiadanie określonej funkcjonalności, której oczekujesz w obecnych lub "nowoczesnych" przeglądarkach, również w innych przeglądarkach, które nie mają wbudowanej obsługi tej funkcjonalności. "

Źródło i przykład z polyfill tutaj:

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

Polyfill to fragment kodu (lub wtyczka), który zapewnia technologię, którą ty, deweloper, oczekujesz, że przeglądarka dostarczy natywnie.

Polyfill to shim, który zastępuje oryginalne wywołanie wywołaniem do shim.

Na przykład, powiedzmy, że chcesz użyć nawigatora.obiekt mediaDevices, ale nie wszystkie przeglądarki to obsługują. Możesz sobie wyobrazić bibliotekę, która dostarczyła podkładkę, której możesz użyć w ten sposób:

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

W tym przypadku jawnie wywołujesz shim zamiast używać oryginalnego obiektu lub metody. Z drugiej strony polyfill zastępuje obiekty i metody na oryginalnych obiektach.

Na przykład:

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

W Twoim kodzie wygląda to tak, jakbyś używał standardowego nawigatora.obiekt mediaDevices. Ale tak naprawdę, polyfill (adapter.js w przykładzie) zastąpił ten obiekt swoim własnym.

Ten, który go zastąpił, to shim. To wykryje, czy funkcja jest natywnie obsługiwana i użyje jej, jeśli jest, lub obejdzie ją za pomocą innych interfejsów API, jeśli nie jest.