Webworking

Nachrichten und Artikel des WebTeams

Inhalt

Browser-Addons zum Entwickeln und Testen

Bei dem Entwickeln und Testen von Websites können verschiedene Browser-Addons eine Hilfe sein.

Nachdem viele Jahre lang der Firefox Browser eine eher schlechte Unterstützung hatte, sind viele Entwickler auf den Chrome Browser umgestiegen. Dies unter anderem auch wegen der im Vergleich zu Firefox besseren Unterstützung mit Hilfe von nativen Entwickler-Tools, aber auch wegen dessen besseren Unterstützung von Webstandards. (vgl. CanIuse.com). Mit dem neuen Firefox Quantum kann sich diese Situation wieder ändern, aber aktuell ist bei Webentwicklern der Chrome-Browser nach wie vor der am häufigsten verwendete Browser.
Unabhängig davon muss jeder Entwickler dennoch weitere Browser auf seinen Arbeitsplatzgeräten oder virtuellen Umgebungen haben. Neue Webauftritte sollten im Idealfall stets mit mindestens 3 verschiedenen Browsern auf mindestens 2 verschiedenen Betriebssystemen getestet werden.

Die folgende Liste der AddOns basiert auf dem aktuellen Chrome-Browser. Ähnliche oder auch dieselben AddOns gibt es jedoch auch auf anderen Browsern.

AddOn-Liste

CertViewer Anzeige von Informationen zu dem SSL-Zertifikat einer Website. Download
ColorA11y Dieses AddOn prüft ob bei einer Website die verwendeten Farben für Texte und Hintergründe den WCAG 2.0 Anforderungen genüge tun. Download
ColorZilla Dieses AddOn erlaubt das „Entnehmen“ von Farbwerten aus einer aktuellen Website („Color Picker“) und bietet andere hilfreiche Informationen zur Farbauswahl an. Download
Full Page Screenshot Für Protokoll- und Testzwecke oder der Diskussion von Bestandteilen einer Website ist ein Screencapture-Werkzeug unumgänglich.
Dieses Addon erlaubt das Erstellen von Screenshots einer ganzen Seite als auch dem gezielten Selektieren von Ausschnitten. Die jeweiligen Bilder können als Datei gespeichert werden.
Download
headingsMap Anzeige der Überschriftenhierarchie einer Webseite. Diese Anzeige ist besonders wichtig um zu erkennen, ob die Navigation innerhalb einer Seite plausibel und logisch strukturiert ist. Auch dies wird zur Einhaltung der WCAG-Bedingungen erfordert. Download
IP-Domain-Markierungsfahne Dieses einfache Plugin ermittelt auf Basis bekannter IP-Adressebereiche die für die aktuell aufgerufene Domain jeweils wahrscheinlich passende Länderfahne. Download
Semantic Inspector Moderne Websites geben über die HTML-Semantik hinaus mit Hilfe von strukturierten Elementen (vgl. auch schema.org) Aussagen darüber, aus welcher Art von Inhalten eine Seite und deren Bestandteile besteht. Insbesondere Suchmaschinen und UserAgents nutzen diese Formate um Informationen aus Webseiten auszulesen und entsprechend weiterzuverabeiten. Der Semantic Inspector macht diese Inhalte sichtbar und bietet damit gleichzeitig ein Testtool an, ob die selbst eingestellten strukturierten Elemente korrekt waren. Download
WAVE Evaluation Tool Dieses Tool ermöglicht einen automatisierten WCAG-Test der gerade besuchten Website. Die Ergebnisse sind hinreichend nutzbar für Tests und Entwicklung. Zu beachten ist jedoch, daß dieses Testtool, wie auch andere WCAG-Testtools auch viele „False Positives“ meldet – also Dinge als Fehler markiert, die bei einer genaueren Prüfung sich doch als korrekt erweisen. Download
Web Developer Dieses AddOn ergänzt die Toolbar um ein Button mit hilfreichen Informationen zur Website. So beispielsweise die semantische und topographische Gestaltung der Webseite. Auch werden weitere Links angeboten, mit denen man die W3C-Validation oder andere Werkzeuge bequem aufrufen kann. Download

Unabhängig von den AddOns wird der größte Teil der Entwicklung mit Hilfe des im Browser eingebauten Entwicklungswerkzeugs geleistet.
Die AddOns ergänzen dessen Funktionen nur oder machen spezielle Funktionen etwas bequemer zugänglich.

Üblicherweise sind weitere AddOns vorhanden, wie beispielsweise das uBlock Origin AddOn, welches effektiv Werbung unsichtbar macht bzw. das Laden dieser unterdrückt oder Ghostery, der (in Kombination mit uBlock Origin) ebenfalls ein gutes und datenschutzorientes AddOn zur digitalen Selbstverteidigung gegen Tracking und durch Werbung eingeschleuste Schadsoftware ist.