201214Nov

Webshims: Automatische Polyfills für ältere Browser

Um HTML5-Features auch in älteren Browsern nutzen zu können, werden sogenannte Polyfills erforderlich, die neue Funktionalitäten durch JavaScript simulieren. Mit Modernizr steht bereits schon seit einiger Zeit eine solide Erkennung für die Fähigkeiten des verwendeten Webbrowsers zur Verfügung. Wer auch gleich die beliebtesten Polyfill-Skripte laden möchte, kann sich dazu die Webshims Lib von Alexander Farkas ansehen.

Webshims lib - The capability-based polyfill-loading JS library

Mit der JavaScript-Bibliothek können Features wie Canvas, HTML5-Semantik, Audio- und Video-Unterstützung, localStorage, Geolocation oder JavaScript-ES5-Funktionen simuliert werden. Auf der Website des Skripts wird so beispielsweise simuliert, wie sich Platzhalter für Eingabefelder auch ohne HTML5 erzeugen lassen. Mit dem Skript können entweder alle oder auch nur bestimmte Polyfills geladen werden:

  • $.webshims.polyfill('forms json-storage');

Auf der Seite findet sich die Dokumentation sowie die Auflistung der einzelnen Polyfills.