|
Seite 1 von 6  Bei der Entwicklung von Webseiten ist es wichtig, dass die Seite in gängigen
Browsern auch so dargestellt wird, wie es vom Designer vorgesehen war. Dies
klappt selten im ersten Anlauf, so dass die zugrunde liegenden HTML-Seiten und
ihre Stylesheets meist mehrfach im Browser gesichtet und überarbeitet werden
müssen. Firefox bietet bereits von Haus aus einige nützliche Funktionen,
die in diesem Prozess hilfreich sein können und es existieren zahlreiche
Erweiterungen die zusätzliche Funktionen zur Verfügung stellen.
HTML-Seiten analysieren
Seiteninformation
Über den Menüpunkt Extras => Seiteninformationen lassen sich bereits
einige recht aufschlussreiche Informationen über eine Seite abrufen:
Der Reiter Allgemein bietet Aufschluss über Dinge wie den verwendeten
Zeichensatz, den Anzeigemodus (werden die HTML-Spezifikationen eingehalten),
die Seitengröße und die enthaltenen Meta-Tags.
In den Reitern Formulare, Links und Medien werden die in der Seite enthaltenen
Elemente gelistet und der Reiter Sicherheit informiert über ein eventuell
vorhandenes SSL-Zertifikat.
DOM-Inspector
Deutlich weiter reichende Funktionen bietet der sogenannte DOM-Inspector,
der ebenfalls über den Menüpunkt Extras zu erreichen ist. Der DOM-Inspector
bietet die Möglichkeit, die Seite anhand des Document
Objekt Models hierarchisch gegliedert nach ihren Elementen zu untersuchen.
Im linken Teil des Fensters sind die Elemente der Seite in einem Baumstruktur
gelistet, wobei rechts jeweils die Eigenschaften eines Elements angezeigt werden:
Mit dem Button Inspizieren in der rechten oberen Ecke des Fensters lässt
sich eine Vorschau der Seite aktivieren:
Wählt mal jetzt oben ein Element in der Liste aus, wird dieses im Vorschaufenster
durch einen blinkenden roten Rahmen hervorgehoben.
Zusätzlich bietet der DOM-Inspector auch Ansichten für CSS-Stile
und Javascript Elemente:
Anzeige des HTML Quelltexts
Die Quelltext Anzeige von Firefox
Firefox beinhaltet eine für einfache Aufgaben völlig ausreichende
Quelltext-Ansicht mit. Diese ist über den Menüpunkt Extras => Seitenquelltext
anzeigen erreichbar. Anders als beispielsweise das standardmäßig
im Internet Explorer zu diesem Zweck eingebundene Notepad bringt die in Firefox
integrierte Ansicht bereits Funktionen wie eine farbliche Abhebung der HTML-Elemente
sowie eine gute Suchfunktion mit:
Ausgewählten Quelltext anzeigen
Eine weitere sehr nützliche Funktion von Firefox ist die Möglichkeit,
sich eine Auswahl auf einer Webseite im Quelltext anzeigen zu lassen. Dazu markiert
man lediglich im Browser den Bereich, den man sich näher ansieht und wählt
aus dem Kontextmenü die Option Auswahl-Quelltext anzeigen:
Firefox markiert dann den der Auswahl zugrunde liegenden HTML-Quelltext in
der Quelltextansicht:
Scripte und Cookies deaktivieren
Wenn Webseiten aktiven Code wie Javascript enthalten oder Cookies nutzen ist
es Beim Testen oftmals hilfreich, wenn man diese Funktionen kurzfristig deaktiviert.
Firefox bietet mit auch hier durch ein sehr einfaches und übersichtliches
Konfigurationsmenü einen grossen Vorteil. Die Einstellungen sind über
den Menüpunkt Extras => Einstellungen zu erreichen. Java und Javascript
lassen sich gleich im ersten Reiter durch jeweils einen Klick ein- und ausschalten:
Um Cookies zu deaktivieren wechselt man in den Reiter Datenschutz / Cookies.
Auch hier ist lediglich ein Klick notwendig, um Cookies anzunehmen oder abzulehnen:
Download-Links
|
Webseiten Tutorials 
