Tips
- 17/12/2009
Firebug, ein Freund der Tag zu Tag ...
: Heute werde ich über ein sehr nützliches Werkzeug in day-to-Alltag eines Web-Entwickler sprechen Firebug .
Nun, das ist eine Firefox-Erweiterung Firebug, die uns auf die folgenden Aufgaben ausführen können:
- Visualisieren Sie die Struktur der Seite von schwebenden Elementen (inspizieren);
- Ändern Sie den Quelltext der HTML-oder CSS und überprüfen Sie das Ergebnis direkt in den Browser (in Stunden);
- Sehen Sie sich die ausführliche Protokoll der Zugriffe (genannt Dateien Js, CSS, Bilder, Chamdo Ajax..);
- Ein integrierter JavaScript-Konsole, um Befehle auszuführen (Sie können Variablen zugreifen, Funktionen, usw. ...);
- Möglichkeit der Entsendung von Protokollen, um es (das Ende des 'Warnungen');
- Debug JavaScript.
Ich werde erklären, jede der oben genannten Punkte. Firebug hat mehr Dinge, habe ich beschlossen, diese zu erwähnen, weil sie diejenigen, die ich verwenden sind.
Zunächst einmal müssen Sie Firebug zu installieren. Hier können Sie die Installation aus.
1) Lassen Sie sich die Struktur der Seite von schwebenden Elementen
Diese Funktion benutze ich sehr viel, wenn ich zu einer bestimmten HTML-oder CSS finden wollen. Zum Beispiel, wenn Sie Probleme mit einigen DIV ausgerichtet sind, öffnen Sie Firebug und klicken Sie auf "Extras / Firebug / Inspect Element". Nun bewegen Sie den Mauszeiger über die Elemente einer Seite (DIVs, Bilder, Tabellen ...).
- Der Mauszeiger wird über ein Element mit dem Titel eines Beitrags in meinem Blog;
- Automatisch werden die HTML-Quelltext der Seite wird angezeigt und der fokussierenden Element wird hervorgehoben;
- Es zeigt die CSS auf das Element angewendet;
Klar, dass zu bemängeln ist einfach?
2) Ändern Sie den Quellcode der HTML-oder CSS und überprüfen Sie das Ergebnis direkt in den Browser (in Stunden)
Diese Funktion ist abhängig von der ersten erklärt wurde. Mit ein Element von der "Einsicht" ausgewählt haben, klicken Sie darauf und ändern einen Wert in die CSS-Fenster Firebug.Veja das Bild unten geladen:
Ich änderte das Attribut "Farbe" der H2 und der Text war zu der Zeit rot. Sie können alle Werte oder Hinzufügen / Entfernen von Attributen.
Warum ist es jetzt, werde ich post mehr über Firebug (alle kommentierte am Anfang der Post).
A big hug!




