Webstandard

 

WebInspector, die Firebug-Alternative für den Safari, auch für Windows-User

Das der Safari, ebenso wie Firefox und andere Browser für ein besseres Handling sogenannte Erweiterungen nutzen ist, zumindest auf Mac-Betriebssystemen, eine Selbstverständlichkeit. Auf Windows-Betriebssystemen, auf denen der Safari-Browser seit Sommer 2007 läuft, fehlt diese Möglichkeit bisher. Kein Firebug oder keine Web-Developer-Toolbar. Abhilfe schafft hierbei die Erweiterung "WebInspector". Diese ermöglicht seit Version 3.0 einen detaillierten Überblick über die gesamte Dokumentenstruktur. Dieser Artikel wird im weiteren Verlaufe klären, wie ihr die Erweiterung auch auf Windows-Rechnern zum Laufen bringen könnt und welche Funktionen die Firebug-Alternative bietet.

Was bietet der WebInspector dem User?

Neben der sehr ansehnlichen Präsentation des Quellcodes, werden sämtliche im Dokument enthaltenen Dateitypen, wie Bilder, CSS-Dateien, Flash-Dateien, JavaScript-Dateien, etc. aufgelistet. Wer bspw. innerhalb des HTML-Codes ein Seitenelement auswählt, erhält im rechten Bereich der Erweiterung Überblick über die dazugehörigen CSS-Eigenschaften. Die rechte Sidebar bietet mit dem Bereich "Metrics", ein weiteres sehr interessantes Feature. Denn dieses Stellt das Box-Modell mit allen Werten dieses Elementes dar. Ein Anwendungsbereich der bei einer Solchen Applikation nicht fehlen darf, ist die "Console" bezüglich der Fehler im Quellcode. Ein Klick auf den entsprechenden Fehler und ihr werdet zur vermeidlichen Fehlerquelle, mit Hinweis zur Fehlerbehebung, geführt. Wie von Mac-Anwendungen gewohnt, bietet insbesondere Bereich "Network" eine besonders visuell geprägte und extrem ansehnliche Darstellung der Ladezeiten bzw. des Transferumfangs in Sachen kByte.

Wie wird der WebInspector installiert?

Bevor ihr die Erweiterung installieren wollt, sei noch einmal kurz darauf hingewiesen, dass mindestens die Version 3.0 Voraussetzung für diese Erweiterung ist. Die WebKit Engine auf der der Safari-Browser basiert, kann nun durch weitere Funktionen erweitert werden.

• Download folgender Zip-Datei: Webkit-r 24872
• Extrahieren der Zip-Datei
• Öffnen der Datei WebKitPreferences.plist
  (befindet sich unter C:\Users\<Username>\AppData\Roaming\Apple Computer\Safari\)
• Einfügen der folgenden Inhalte, vor den schließenden </dict>-Tag am Ende der Datei:
  <key>WebKitDeveloperExtras</key><true/>
• Starten der Datei run-nightly-webkit.cmd aus dem Zip-Paket
• Neustart des Safari-Browsers

Nachdem ihr nun den WebInspector auf die oben beschriebene Art und Weise aktiviert habt, kann dieser durch einen Rechtsklicks innerhalb einer Webseite, über das Kontextmenü aufgerufen werden. Diesen könnt ihr dann analog zum Firebug, in einem separaten Fenster oder im unteren Teil des selben Browserfensters öffnen.

Kann man den WebInspector eigenen Bedürfnissen anpassen?

OpenSource bedeutet für Anwendungen nicht nur frei zur Verfügung zu stehen, sondern meistens auch modifizierbar zu sein. Die Erweiterung des Browsers ist es auf ganz besondere Weise, denn ihr besitzt im Ordner "inspector" von WebKit.resources die Möglichkeit die Darstellung, euren eigenen Vorstellungen entsprechend anpassen. Denn der WebInspector besteht zum größten Teil aus JavaScript, HTML und CSS. Eine Browser-Erweiterung die das Arbeiten mit dem Safari spürbar erleichtert und somit auch auf Windows-Rechnern zu einer echten Firefox-Alternative werden kann.