Anleitung zur Installation von Firebug in großen Browsern und iOS-Geräten

Firebug ist ein Firefox-Add-On mit coolen Tools zum Untersuchen von Webseitenelementen, zum Debuggen und zum Entwickeln von Webseiten. Es gibt jedoch keine Möglichkeit, diese Tools in anderen Web-Browsern außer Firefox zu verwenden.

Die Entwicklung eines ähnlichen Tools für andere Browser kann harte Arbeit erfordern, aber es wäre eine große Hilfe, wenn Sie Firebug auch für andere Browser einsetzen könnten, da jeder seine bevorzugten Browser hat.

Nun, hier kommt Firebug Lite ins Spiel, um Ihre Bedürfnisse zu lösen. Firebug Lite ist eine einfachere Version von Firebug, kann aber auf IE, Opera, Chrome, Safari, iPad und iPhone verwendet werden, wobei ähnliche Optionen und Funktionen beibehalten werden.

Installieren von Firebug Lite unter Opera, Safari und Chrome

Mit Firebug Lite ist keine Installation erforderlich. In Java Script geschrieben, können Sie einen Firebug Lite-Link mit einem Lesezeichen versehen, der zur Seiteninspektion bereit ist. Sie müssen also einfach den folgenden Link mit einem Lesezeichen versehen (Sie können den Link auch in die Lesezeichenleiste Ihres Browsers ziehen)..

Firebug Lite

Wenn Sie den Chrome-Browser verwenden, sollte das Lesezeichen wie folgt angezeigt werden, wenn Ihre Lesezeichenleiste sichtbar ist.

Das ist es, Ihr Firebug Lite sollte jetzt funktionieren, wenn Sie es verwenden müssen.

Verwenden von Firebug Lite unter Opera, Safari und Chrome

Jetzt können Sie Firebug Lite verwenden, um praktisch jede Webseite zu überprüfen. Für dieses Beispiel verwenden wir Wikipedia.org.

Wenn die Webseite geladen ist, klicken Sie auf das zuvor gespeicherte Firebug Lite-Lesezeichen. Daraufhin wird ein Konsolenfeld am unteren Rand der Webseite angezeigt.

Wenn wir uns schließen, sehen Sie dies unten links auf der Seite.

Jetzt können Sie (+) und (-) am Startpunkt vieler Linien sehen. Das (+) bedeutet, dass unter dem Einzeiler von html mehr Zeilen geschlossen sind. Wenn Sie die Zeile hervorheben, sehen Sie, welchen Teil der Seite sie darstellt.

Wenn Sie jedoch die Auffindung der durch Text, Fotos, Links oder andere Elemente auf der Webseite dargestellten Zeilen erleichtern möchten, klicken Sie auf die Schaltfläche "Inspect".

Jetzt können Sie den Mauszeiger auf einen beliebigen Teil der auf der Webseite verfügbaren Elemente bewegen und die HTML-Zeile wird hervorgehoben. Dies erleichtert Ihnen die Durchführung von Inspektionen.

Installieren von Firebug Lite auf iPad und iPhone

Bookmarklets passen nicht wirklich gut zu iPad und iPhone. So installieren Sie Firebug Lite auf iPad und iPhone:

Setzen Sie ein Lesezeichen für diese Seite auf Ihrem iPad oder iPhone.
Benennen Sie das Lesezeichen in "Firebug" um..

Wählen Sie das folgende Skript aus und kopieren Sie es.

Javascript: (Funktion (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) zurückgeben; E = F [i + 'NS'] && F. documentElement.namespaceURI; E = E? F [i + 'NS'] (E, 'script'): F [i] ('script'); E [r] ('id', b); E [r] ( 'src', I + g + T); E [r] (b, u); (F [e] ('Kopf') [0] || F [e] ('Körper') [0]). appendChild (E); E = new% 20Image; E [r] ('src', I + L);) (Dokument, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'release / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened ');

Gehen Sie zur Lesezeichenoption und drücken Sie "Bearbeiten". Wählen Sie dann das Lesezeichen "Firebug".
Entfernen Sie die ursprüngliche URL und fügen Sie das Bookmarklet ein.
Wählen “Erledigt” auf deiner Tastatur.

Versuchen Sie nun, eine beliebige Website zu öffnen und das Lesezeichen "Firebug" auszuwählen. Am unteren Rand Ihres iPad-Bildschirms wird ein funktionsfähiger Firebug angezeigt.

Fazit

Firebug Lite ist bei weitem gut genug, um eine schnelle Seiteninspektion durchzuführen. Sie können HTML, CSS und alle zum Erstellen der Webseite verwendeten Skripte anzeigen. Obwohl Chrome über eine eigene Web Developer-Erweiterung verfügt, enttäuscht Firebug Lite nicht bei weitem.