Mozilla Firefox: Firebug 1.11.0 ist da

Eine neue Version von Firebug – dem “Fehlersuche-Tool für Websites” für Mozilla Firefox – ist da, die Version ist kompatibel zu Firefox 17-20 und bringt einige interessante Neuigkeiten mit sich. Zum einen wird die Anzeige bzw. die Auswertung des SPDY-Protokolls im Modul “Netzwerk” unterstützt und zum anderen kann man jetzt auch innerhalb des Moduls “HTML” …

Cookie-Manager in Firebug 1.10

Als ich vor ein paar Tagen die neue Version von Firebug erwähnt bzw. vorgestellt habe, habe ich vergessen zu erwähnen, dass mit der Version 1.10 der Cookie-Manager integriert wurde. Den gab es zwar schon vorher aber als eine Erweiterung, welche man extra installieren musste. Mit dem Cookie-Manager kann man die Cookies inspizieren, Verwalten was ein …

Firebug 1.10 mit interessanten Funktionen

Vorgestern wurde Firebug 1.10 veröffentlicht und es sind einige interessante neue bzw. überarbeitete Funktionen dabei. Zum einen kann man in der CSS-Ansicht bei der Ausgabe der Farbwerte zwischen Hexadezimal (#ffffff), RGB bzw. Dezimal (z. B. rgb(255, 255, 255)) oder HSL (z. B. hsl(0, 0%, 100%)) schalten: In der HTML-Ansicht kann man umschalten ob man die …

Mozilla Firefox: mit Firebug die aktive Schrift anzeigen lassen

Ein Webworker-Quicki-Tipp am Sonntag. In Firebug wird die CSS-Datei bzw. die entsprechenden CSS-Regeln angezeigt. Dadurch kann man auch erkennen, welche Schriften bzw. Schriftfamilien notiert wurden. Aber man erkennt nicht sofort, welche Schrift gerade aktiv ist. Möchtest du direkt erkennen, welche von den notierten Schriften tatsächlich momentan zum Einsatz kommt, dann solltest du FireFontFamily installieren. Hier …

Firepicker: ein Farbtool für Firebug

Bei Firepicker handelt es sich um ein Firefox-Addon, welcher die Funktionalität von Firebug um einen Farbdialog erweitert: So hat man die Möglichkeit einfach und schnell neue Farben und verschiedene Transparenzwerte zu testen → Stichwort RGBA.

CSS Usage: welche CSS-Regeln sind im Einsatz?

CSS Usage ist ein Addon für Mozilla Firefox, welche den Firebug um eine zusätzliche Funktion erweitert. Mit CSS Usage kann man herausfinden welche CSS-Regeln auf einer bestimmten Seite eingesetzt werden. Nach der Installation bindet sich CSS Usage in Firebug als zusätzlicher Tab ein. Mit Klick auf Scan untersucht man die gerade aufgerufene Seite. Aktiviert man …

Mozilla Firefox: Firebug 1.9

Vor ein paar Tagen wurde die Version 1.9 von Firebug veröffentlicht. Bei Firebug handelt es sich um ein sehr wichtiges Werkzeug für Webworker, mit dem man sehr schnell eine Website untersuchen und auf Fehler überprüfen kann. Das Werkzeug habe ich bereits an zwei Stellen erwähnt bzw. beschrieben: hier und hier. In der neuen Version sind …

Firefox und Firebug: 64 Tools für Webworker

Wer aktuell noch nichts fürs Wochenende vor hat, der könnte sich die Auflistung der Webwork-Tools auf hacks.mozilla.org mal genauer anschauen: Es werden 51 Erweiterungen für Firefox und 13 Erweiterungen für den Firebug aufgelistet. Ein paar davon sind auf meine Testliste gewandert, unter anderem Screenshot Pimp und friendly bug.

Performance der Website mit “Netzwerk” im Browser messen

Zum Thema Performance-Optimierung von Websites habe ich hier auf perun.net schon einige Artikel verfasst. Dabei habe ich auch Tools wie z. B. YSlow erwähnt, die einem hilfreich zu Seite stehen. Ein sehr wichtiges (und imho auch wenig beachtetes) Tool mit dem Namen “Netzwerk” befindet sich mittlerweile in allen modernen Browsern. Bei Mozilla Firefox muss man …

CodeBurner: HTML- und CSS-Referenz für Firebug

Die etwas erfahreneren Webworkern, die auch Mozilla Firefox einsetzen kennen Firebug bereits schon. Solltest du diese Firefox-Erweiterung nicht kennen, dann schaue dir u. a. folgenden Artikel an: Firebug: dem Webworker seine liebste Feuerwanze. In meinen Augen ist Firebug ein unverzichtbares Werkzeug, wenn man als Webworker schnell und nervenschonend seine Arbeit erledigen möchte. Für Firebug selber …