Apples Browser Safari, der auch unter Windows immer größeren Zulauf bekommt, basiert ja bekanntlich auf der Browser-Engine WebKit, einem Abkömmling der alternativen KDE-Engine KHTML. Die Engine, respektive der Browser, hat den Ruf sehr schlank und schnell zu sein, was sich auch in dem Umstand wiederspiegelt, dass viele Smart-Phones und ander mobile Gadgets inzwischen HTML-Seiten damit darstellen.
(klicken zum vergrößern)Für Web-Entwickler, die ja immer versuchen Ihren Code möglichst zu allen gängigen Browser kompatibel zu halten und von den gängigen Firefox-Tools wie Firebug verwöhnt sind, scheint es unter Safari auf den ersten Blick keine Möglichkeit zu geben ihren HTML-Code zu inspizieren. Aber weit gefehlt...
Für WebKit gibt es den sog. Web Inspector, der allerdings erst nach dem Download eines NightlyBuilds der Engine und einigen manuellen Eingriffen in die Konfiguration zu Tage tritt. Warum dieses wirklich interessante Tool lediglich in den Zwischenversionen und nicht in den Releases enthalten ist, bleibt wohl das Geheimnis der Entwickler.
Hier nun eine kleine Anleitung um den WebInspector unter Windows an Tageslicht zu bringen:
1. Download des aktuellen NightlyBuilds von http://nightly.webkit.org
2. Entpacken des Pakets und Ausführen der Batch-Datei run-nightly-webkit.cmd (Safari sollte dabei nicht laufen)
3. Öffnen der WebKit-Konfigurationsdatei
%APPDATA%\Apple Computer\Safari\WebKitPreferences.plist
4. Einfügen der folgenden beiden Zeilen unter den Ast <dict>
<key>WebKitDeveloperExtras</key>
<true/>
Danach steht der WebInspector über das Kontextmenü eines beliebigen HTML-Elements zur Verfügung.
Noch ein Wort zu versteckten Funktionen im Safari. Apple selbst hat im Browser auch einige Funktionen versteckt, die erst verfügbar sind, wenn man manuell an der Konfiguration herumschraubt.
Fügt man die beiden Zeilen
<key>IncludeDebugMenu</key>
<true/>
der Datei %APPDATA%\Apple Computer\Safari\Preferences.plist ebenfalls im Ast <dict> hinzu, so erscheint im Safari ein neuer Menüeintrag namens Debug, über den unter anderem die WebKit-Javascript-Konsole aufgerufen werden kann!
Über diese Konsole kann man, wie in Firefox, Javascript-Meldungen nach folgendem Schema ausgeben:
if (window.console) {
window.console.log("meine Meldung");
} else {
alert("meine Meldung");
}
Über diese Konsole lässt sich Javascript auch debuggen. Zuständig hierfür ist der in den NightlyBuilds mitgelieferte Debugger Drosera.