Einsatz von modernizr.js für HTML5 und CSS3
Caribation Labs entwickelt Webs der Zukunft unter Einsatz der Javascript Bibliothek
modernizr. Weil noch (2011) so wenige
Browsers HTML5 und CSS3 unterstützen, ist derzeit notwendig festzusellen welche Funktionalitäten
des zukunftigen Web-Stadards der konkrete Client unterstützt und welche nicht. Gernau das macht
modernizr, mehr nicht.
Caribation Service für Web-Entwickler
Nach der Inklusion des modernizr.js reicht es nur im <html> Tag class="no-js" wie hier einzufügen:
<html lang="en-US" class="no-js">
Für den Test wäre das schon alles. Unter View generated source (oder im Firebug)
wird dann der no-js String mit der Liste aller Eigenschaften ersetzt. Unten werden die
Listen gezeigt, die wir mit Hilfe des Modernizr aus den gängigen Browsers erhalten haben.
BEISPIEL: Die canvas Eigenschaft wird unterstützt in
FF 3.6 und FF 6.0, Chrome 13.0, IE 9.0 aber nicht in IE 8.0. Es folgen alle Ergebnise:
|