Browser-Add-ons

Zehn Mal besser surfen für Entwickler

Platz 6: FireShot

Zumindest die jüngeren Versionen von Microsoft Windows verfügen über eine anständige Möglichkeit mit dem Snipping Tool Bildschirmausschnitte als Screenshot auszuschneiden. Andere Betriebssysteme bieten ähnliche Fähigkeiten.

Wer ganze Web-Seiten speichern möchte oder auch nur Ausschnitte und diese direkt in Dateien verwandeln und mit Kommentaren versehen möchte, braucht ein besseres Tool. FireShot Webpage Screenshots ist eine kostenpflichtige Lösung für den Internet Explorer, Chrome, Opera und den Firefox. Mit dem "Webpage Screenshot in Firefox" haben Entwickler eine schnelle und unkomplizierte Lösung um Screenshots

  • hochzuladen,

  • als PDF, PNG, GIF, JPEG, BMP zu speichern,

  • zu drucken,

  • in der Zwischenablage zu speichern und

  • per E-Mail zu verschicken.

Mit FireShot sind Web-Designer in der Lage, beliebige Teile einer Website auszuschneiden.
Mit FireShot sind Web-Designer in der Lage, beliebige Teile einer Website auszuschneiden.
Foto: Frank-Michael Schlede / Thomas Bär

Fazit: Webpage Screenshot ist äußerst leistungsfähig und sehr einfach in der Bedienung. Im Gegensatz zu vielen anderen Add-Ons ist das Programm auch in einer kostenpflichtigen Pro-Version erhältlich. In der 30-tägigen Trial-Phase können Entwickler viele Features der Lösung ohne Einschränkungen testen.

Die Pro-Version erlaubt noch einige weitere Gimmicks, wie beispielsweise die Microsoft OneNote-Unterstützung oder die Erstellung von mehrseitigen PDF-Dokumenten. Wer Ideen für eigene Konzepte sammeln und archivieren möchte, für den ist Webpage Screenshot die passende Software.

Platz 5: IE Developer Toolbar

Der Microsoft Internet Explorer ab der Version 8 verfügt über eine eingebaute Hilfe für Entwickler. Gestartet wird der Helfer durch einen Druck auf die Taste F12. Die Toolbar unterstützt den Entwickler durch verschiedene Hilfestellungen, wie:

  • Document Object Modell (DOM) der Webseite ausgeben

  • Prüfung der Syntax

  • gezielte Anpassung von Einstellungen für den IE

  • Prüfung von HTML, CSS, WAI und RSS-Links

  • Anpassung der Fenstergröße auf bestimmte Werte

  • Darstellung von alternativen Texten, Namen und Maßen von eingebetteten Bildern

Microsoft hat die Entwickler-Leiste in den Internet Explorer fest eingebaut, für ältere Versionen gibt es das Add-on zum Download.
Microsoft hat die Entwickler-Leiste in den Internet Explorer fest eingebaut, für ältere Versionen gibt es das Add-on zum Download.
Foto: Frank-Michael Schlede / Thomas Bär

Fazit: Die eingebaute Hilfestellung ist für Webdesigner, die mit dem Internet Explorer arbeiten, äußerst hilfreich, wenn es um die Suche nach Fehlern oder Interpretationsauffälligkeiten geht. Für ältere Versionen des Internet Explorer wird die Leiste zum Download angeboten. Das integrierte Tool ersetzt viele Anforderungen, die unter Firefox mit dem nachfolgend beschriebenen "HTML Validator" erledigt werden können.