Firefox: Volle Kontrolle �ber Webseiten
Diesen Artikel als PDF ansehen/downloaden(msc) Die im vorherigen Beitrag erwähnte Erweiterung Web Developer rüstet Firefox mit vielen Funktionen für die Webseiten-Entwicklung aus:
Unter Disable schaltet man den Cache, Java, JavaScript, Weiterleitungen, Seitenfarben und Popups ab – und erfährt so, ob die eigene Website ohne diese Webtechniken noch funktioniert.
Im Menübefehl Cookies löscht und bearbeitet der Webmaster Session-Cookies und Domänen-Cookies. Auch praktisch: Über View Cookie Information sieht man, welche Cookies die im Browser geöffnete Seite gesetzt hat.
Über CSS lassen sich die Stildeklarationen im Browser analysieren und bearbeiten. Es ist möglich, die Stildatei zu deaktivieren oder zu wechseln. Und die Site kann mit einem eigenen Benutzer-Stylesheet angereichert oder nur mit den Seiten-Stilen bzw. nur mit den in einer verlinkten Stildatei vorhandenen Deklarationen dargestellt werden.
Unter Forms gibt es diverse Befehle zum Umgang mit Formularen – etwa den, ein Formular automatisch auszufüllen (mit den Feldnamen).
In der Rubrik Images schaltet man die Anzeige von Bildern ein und aus. Die Erweiterung zeigt auf Wunsch den Alt-Text, die Abmessungen, die Bildgrösse und den Bildpfad an. Man kann sich Bilder auch nach verschiedenen Merkmalen markieren lassen: Bilder, die nicht eins zu eins eingebettet sind, solche mit leerem oder fehlendem Alt-Text, etc.
Die Rubrik Information liefert diverse Informationen zu einer Seite: Sie zeigt alle Anker, markiert die div- und span- Blöcke (Container), IDs und Klassen, Tabellentiefen und -attribute, die Dokument-Struktur (Titel-Hierarchien) und die eingebetteten Java-Scripts. Sehr hübsch auch der Befehl View color Information. Sie generiert eine Übersichtsseite mit allen verwendeten Farben. Auf analoge Weise lassen sich Dokumentgrösse, Hyperlinks und Meta-Tags auswerten.
Unter Miscellaneous blendet man Kommentare und verborgene Elemente ein, platziert Hilfslinien auf der Seite und erhält ein Vergrösserungsglas.
Die Befehlssammlung Outline markiert Frames, Titel, Tabellen, externe Links und die Element-Namen.
Resize hilft, die Seite in der vorgegebenen Grösse darzustellen. Die zur Auswahl stehenden Abmessungen kann der Anwender in den Einstellungen des Plug-ins hinterlegen.
Über Tools stecken Kommandos zur Validierung von HTML- und CSS-Code, zur Linküberprüfung und zur Accessibility. Und es gibt den Speed Report von websiteoptimization.com, der die Ladezeit einer Seite analysiert.