WordPress & Webwork - perun.net

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" oder besser gesagt in seinem Unterfenster "Styles" neue CSS-Regeln einfügen. Bereits vorher konnte man hier bestehende Regeln bearbeiten.

Darüber hinaus kann man jetzt auch im Modul "HTML" zusätzlichen Quelltext einfügen, dafür gibt es im Kontextmenü einen zusätzlichen Punkt mit mehreren Auswahlmöglichkeiten.

Weitere Neuigkeiten werden im Blogartikel und in den Release Notes gelistet.

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 Cookie darf, Cookies löschen, blockieren, exportieren, sortieren und einiges mehr.

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 Entities als Symbol (Ö), als Namen (Ö) oder als Unicode (Ö) ausgegeben haben möchte.

Hinzugekommen ist der Support für die Pseudo-Klasse :focus sowie erweiterter Support für Media-Queries, Verwaltung von Cookies und ein paar weitere Sachen.

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 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 AutoScan dann kann man mehrere Unterseiten der gleichen Website aufrufen und die Erweiterung berücksichtigt dies.

CSS Usage listet alle eingebundenen CSS-Dateien komplett auf. Dabei werden eingesetzte Regeln mit hellgrüner Farbe ausgegeben. Regeln, die auf einer anderen Unterseite eingesetzt wurden sind dunkelgrün und rot sind die Regeln, die gar nicht zum Einsatz kommen.

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 ein paar Funktionen hinzugekommen, wovon ich zwei für mich persönlich als wichtig erachte. Zum einen bekommt man, wenn man in der HTML- bzw. CSS-Ansicht mit dem Cursor über ein Schrift fährt, einen Tooltip eingeblendet, in dem man einen Blindtext mit der jeweiligen Schrift zu sehen ist:

Die andere Funktion ist die Möglichkeit eine einzelne HTTP-Anfrage im Netzwerk-Bereich gezielt neu zu senden. Einfach auf die entsprechende Anfrage rechts-klicken und im Kontextmenü Erneut senden auswählen.

Weitere Berichte zu Firebug 1.9:

• Hacks.Mozilla.org
• Golem.de

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.