Erfolgreich JavaScript lernen – Auszug

Add-on

Beschreibung

Firebug

Mehr
oder weniger das (!) Schweizer Taschenmesser für
Webentwickler. Das Add-on umfasst einen Debugger, ein Analyse-Tool
für CSS, JavaScript, HTML, einen integrierten Snifffer und
vieles mehr. Auf dieses Add-on werde ich im Buch auch mehrfach
zurückgreifen.

Html
Validator

Eine
Erweiterung zur Kontrolle einer Webseite auf Gültigkeit mit
dem offiziellen HTML-Standard des W3C. Allerdings ist das Feature
auch in einigen anderen Add-ons wie dem Web Developer bereits
integriert.

Live
HTTP headers

Dieses
Add-on bezeichnet einen in Firefox direkt integrierten Sniffer¹⁸,
mit dem Sie den Datenaustausch zwischen Firefox und dem Webserver
überwachen können. Dies wird gerade im Zusammenhang mit
AJAX sehr wichtig, denn Sie sehen hier nicht an Veränderungen
in der Adresszeile des Browsers oder dem schlichten neuen Laden
einer Webseite, ob Daten ausgetauscht werden. Im Gegensatz zu
vollständigen Sniffern, die den gesamten Netzwerkverkehr
überwachen können, ist Live HTTP headers auf die
HTTP-Kommunikation zwischen dem Browser und dem Webserver
eingeschränkt und zeigt auch nur die so genannten
Header-Daten an. Dies erleichtert aber die Bedienung erheblich und
erhöht die Übersichtlichkeit (natürlich auf Kosten
der Flexibilität und des Leistungsumfangs). Nach dem Aufruf
der Erweiterung müssen Sie bloß das Kontrollkästchen
Mitschneiden
aktivieren.

NoScript

Ein
Add-on zum gezielten Aktivieren und Deaktivieren von JavaScript
bzw. bestimmten Verhaltensweisen von Skripten. Zwar geht das
Deaktivieren von JavaScript – wie es vom Add-on grundsätzlich
empfohlen wird – vollkommen an den Realitäten im Web vorbei.
Aber gerade für unbekannte oder nicht vertrauenswürdige
Webseiten können Sie so bequem die Ausführung von
Skripten verbieten bzw. individuell deren Rechte konfigurieren.
Und das Add-on stellt eine immens interessante Möglichkeit
dar um zu testen, wie sich eine¹⁹
Webseite verhält, wenn sie ein Besucher ohne oder mit
eingeschränkter JavaScript-Unterstützung lädt.

Web
Developer

Über
diese Add-on stehen Ihnen verschiedene Web-Entwicklungs-Tools zur
Verfügung, die von angepassten CSS bis hin zur Validierung
einer Seite reichen. Nach der Installation des Web Developer ist
dem Firefox eine Web-Entwicklungs-Toolbar beziehungsweise eine
Erweiterung des Menüs unter Extras
hinzugefügt worden. Damit stehen Ihnen verschiedene
Web-Entwicklungs-Tools zur Verfügung, die von angepassten CSS
bis hin zur Validierung einer Seite reichen.

YSlow

Ein
Add-on zum Überwachen der Ladezeit einer Webseite. Die
einzelnen Ressourcen wie Grafiken oder externe Bibliotheken werden
einzeln aufgeführt. Damit kann man effektiv die Bestandteile
einer Web-Applikation identifizieren, die die Bereitstellung der
Seite hauptsächlich ausbremsen.