Webseiten analysieren mit Firebug

Aktuelle Seite: Home

Tutorials

Webdesign Tutorials

Details: Hauptkategorie: Tutorials; Kategorie: Webdesign; Geschrieben von LernVid.com; Zugriffe: 16004

Inhaltsverzeichnis

⇒ Vorwort:
⇒ Was ist Firebug?
⇒ Wo kann ich Firebug herunterladen?
⇒ Wie installiere ich Firebug?
⇒ Was kann Firebug?
⇒ Was kostet Firebug?
⇒ Fazit
⇒ Links zum Thema

⇒ Vorwort:

Sieht man sich den Entwicklungszyklus von Webseiten genauer an, so stellt man fest, dass diese immer komplexer werden. Software wird immer komplexer. Hier ist man als Entwickler oder betroffener Seitenbetreiber auf Analysetools angewiesen.

Hier setzt Firebug an und bietet eine große Auswahl an nützlichen Analyse - und Testtools.

⇒ Was ist Firebug?

"Das populärste und leistungsfähigste Web-Entwicklungs-Tool"

Diesen Slogan kann man auf der Entwicklerseite von Firebug lesen.

Firebug in Action

⇒ Wo kann ich Firebug herunterladen?

Auf GetFirebug.com kann man sich die aktuellste Version herunterladen.

⇒ Wie installiere ich Firebug?

Da Firebug ein Browser Plugin ist, unterliegt es auch dem Installationsprozess für Plugins von Browsern. Bei Mozilla Firefox ruft man die GetFirebug.com auf und installiert das Plugin. Nach einem Neustart des Browsers hat man sofort Zugriff auf die Funktionen. Auch Updates werden automatisch beim starten des Browsers erkannt und geladen.

⇒ Was kann Firebug?

Firebug integriert mit Hilfe von Firefox eine Vielzahl von Web-Entwicklungs-Tools in den Browser. Mit Firebug kan man editieren und debuggen. CSS, HTML und JavaScript lassen sich mit Firebug ändern und die Auswirkungen von Änderungen bekommt man live und temporär sofort geliefert.

Hier eine Auflistung der wichtigsten Funktionen von Firebug:

Inspizieren von HTML und modifiziere Design und Layout in Echtzeit
Der Fortschrittlichste Javascript Debugger der für Browser verfügbar ist
Genaues analysieren von Verbindungen und Performance von Webseiten
Erweiterbar durch Firebug Erweiterungen um Firebug noch leistungsfähiger zu machen
Erforderliche Informationen erhalten um schnell zu einem Ergebnis zu kommen

⇒ Was kostet Firebug?

Nach derzeitigem Entwicklungsstand ist Firebug 100% kostenlos und Open Source.

Auch Mozilla Firefox ist Open Source und somit für jeden gratis nutzbar.

⇒ Fazit

Mit Firebug eröffnen sich sowohl Entwicklern und Analysten ganz neue Wege, als auch Betreiber von Weseiten können sich ein detailliertes Bild von ihrer Seite machen. Das Suchen von Fehlern wird einem hiermit um ein Vielfaches erleichtert. Firebug gehört somit aus unserer Sicht auf jedem Browser zu einem absoluten "must have".

⇒ Links zum Thema

RSS

Chris 13.10.2011

Schaut euch bitte mal das Video an. http://www.lernvid.com/lernvideos/82-webdesign/380-firebug-zum-inspizieren-von-webseiten-verwenden.htmlDamit werden sicher einige Fragen geklärt.

Zitieren

Website

Sebastian 13.10.2011

JoomDocCologne said :

Ich meine oft, die Stelle gefunden zu haben, editiere sie, aktualisiere den Browser und - nothing happens ...Was mache ich nur falsch

Schliesse mich an. Wäre auch für mich interessant.

Zitieren

JoomDocCologne 30.09.2011

Sorry - ich bin augenscheinlich zu doof - das temporäre Editieren in Firebug geht problemlos,aber teilweise finde ich die Dateien nicht, in denen ich schließlich die endgültige Änderung vornehmen muss. Die .css-Dateien werden mit Zeilennummer namentlich genannt, da ist es nicht so schwierig, aber welche .html, .xml oder .php Dateien Firebug just anzeigt wird mir oft einfach nicht klar. Ich meine oft, die Stelle gefunden zu haben, editiere sie, aktualisiere den Browser und - nothing happens ...Was mache ich nur falsch - es ist mit Sicherheit ein ziemlich dämlicher Fehler meinerseits, oder? ... freue mich auf Deine/Eure Hilfe.

Zitieren