Chrome Browser Extensions für die Webentwicklung

| Kategorien: Web

Ich setze gerade einen neuen Laptop auf und hab in dem Zuge mal geschaut, welche Browser Extensions ich aktuell nutze. Einige davon halte ich für essentiell, andere sind praktische Helferlein, die die tägliche Arbeit an Webseiten erleichtern und effektiver machen.

Essenzielle und oft benutzte Extensions

  • uMatrix - Ohne uMatrix ins Netz? Das ist irgendwie wie ungeschützter Geschlechtsverkehr mit ner Busladung voll Fremden. Aber uMatrix ist nicht nur notwendig zum Schutz vor bösen Inhalten beim normalen Surfen, sondern auch zum Testen verschiedener Bedingungen während der Entwicklung äusserst hilfreich (z.b. was passiert, wenn man JavaScript deaktiviert?) uMatrix Homepage | Chrome Store
  • Awesome Screenshot & Screen Recorder erlaubt es, einfach Screenshots und auch Videos einer Webseite zu erstellen und zu annotieren Chrome Store
  • DummyText. Lorem ipsum generator. Chrome Store
  • The QR Code Extension. Schnell und einfach die URL der aktuellen Seite als QR-Code anzeigen, um sie auf dem Handy durch Fotografieren des QR-Codes zu öffnen. Chrome Store
  • Validity - Überprüft mit einem Klick die HTML-Validität der geöffneten Seite lokal mit dem Nu W3C Validator und zeigt Fehler in der Developer Console an  Chrome Store
  • Wappalyzer. Zeigt den verwendeten Tech-Stack besuchter Seiten. Wappalyzer Homepage | Chrome Store

Seltener genutzt, aber möchte ich auch nicht missen

  • Web Developer - Umfangreiche Sammlung an Tools für die Webentwicklung. Web Developer Homepage | Chrome Store
  • HTML5 Outliner - Navigierbare Outline mit Sections und Überschriften. Auch gut um den semantisch korrekten Aufbau einer Seite zu prüfen. Chrome Store
  • Siteimprove Accessibility Checker - Übersichtliches Tool zur Überprüfung und Verbesserung der Barrierefreiheit einer Webseite Chrome Store
  • Stylus - ein User Style Manager, damit kann man Seiten eigene Stile geben Chrome Store
  • PerfectPixel by WellDoneCode (pixel perfect) - originales Design als Bild/Overlay über die Seite legen, an der man arbeitet Chrome Store - Achtung, enthält Ads!
Zurück

Kommentare (0)

Bisher keine Kommentare vorhanden.

Neuen Kommentar schreiben