HTML and CSS Reference
In-Depth Information
Bild 2.46:
Auf einem iPhone oder
iPod touch sieht das Beispiel so aus.
Sollten Sie weiter HTML5-Features benutzen und sämtlichen Detection-Code nicht
wiederholt schreiben wollen, empfehlen wir die Benutzung des Modernizr-Toolkits -
http://www.modernizr.com
.
Modernizr ist eine recht kleine, kostenfreie und einfach gehaltene JavaScript-Bibliothek,
die sich insbesondere dann anbietet, wenn Sie mehr als eines der neueren HTML5- und
CSS 3-Features einsetzen wollen. Modernizr erstellt ein JavaScript-Objekt und liefert
entweder
false
oder
true
für jedes der neuen HTML5-/CSS 3-Features zurück, je
nachdem, ob das Feature unterstützt wird oder nicht.
Um Modernizr einzubinden, müssen Sie die JavaScript-Bibliothek von der Modernizr-
Webseite herunterladen und auf Ihrem Webserver speichern. Anschließend muss die
Bibliothek über die folgende Zeile in Ihren HTML-Code im
head
-Bereich eingebunden
werden:
<script src "modernizr 1.5.min.js" type "text/javascript"></script>
Des Weiteren ist es erforderlich, dass das
html
-Tag das Attribut
class "no-js"
erhält:
<html class "no js">
Die Überprüfung sieht nach der Einbindung der Bibliothek wie folgt aus:
//Einbindung des Modernizr
var hasGeo function()
{
if (Modernizr.geolocation)
return true;
else
return false;
}
alert (hasGeo()) //true oder false
Das neue JavaScript-Objekt heißt hier
Modernizr.geolocation
und liefert entweder
den Wert
true
(Zugriff auf die Geolocation-API ist vorhanden) oder
false
(Geoloca-
tion-API wird vom Browser nicht unterstützt) zurück.