Die besten Browser-Erweiterungen für Entwickler aus dem Jahr 2019

In diesem Beitrag entdeckst du nützliche Erweiterungen, die gängige Browser um neue Funktionen bereichern.  Im letzten Jahr haben diese Addons Webentwicklern das Leben etwas leichter gemacht.

Nach der umfassenden Erneuerung von Firefox im Jahr 2018 brachte die Arbeit an Erweiterungen auch bestimmte Änderungen mit. Einige der beliebten Addons sind nicht mehr verfügbar geworden.

Die meisten Erweiterungen sind Cross-Browser-kompatibel mit Firefox und Google Chrome. Daher haben wir uns für die Addons entschieden, die in Firefox, Chrome und Chromium gleichermaßen gut funktionieren. Weiter findest du unter anderem kostenlose Erweiterungen, die deine Daten schützen und die Werbung ausblenden. In diesem Beitrag entdeckst du Addons, mit denen du dich nicht auf eine bestimmte Entwicklungstechnik beschränken musst.

Auch wenn die meisten Entwickler Microsoft Edge nicht als ein entwicklungsorientierter Browser betrachten, wird es zum anschließenden Testen immer noch breit eingesetzt. Die Anzahl der User, die Microsoft Edge nutzen, kann sich erhöhen, wenn man die Verwendung des Internet Explorer-Browsers ablehnt.

Da die IT-Community Firefox bevorzugt, gibt es für diesen Browser viel mehr Entwickler-Erweiterungen im Vergleich zu Chrome. Also, lass uns die besten Browser-Addons näher betrachten und erfahre, wie du davon profitieren kannst.

Built With

Diese Erweiterung wurde für Chrome/Chromium und Firefox entwickelt. Built With  hilft dir herauszufinden, wie eine Website erstellt wurde. Mit diesem Addon musst du nicht viel Zeit dafür aufwenden, dich in den Programmiercode zu vertiefen.

aXe

Dieses Tool zielt darauf ab, deine Website barrierefrei zu machen. Es hilft dir zu verhindern, dass deine Webressource für eine bestimmte Benutzergruppe unzugänglich ist. Die Erweiterung ist sowohl für Chrome/Chromium als auch für Firefox verfügbar.

ColorZilla

Diese Erweiterung ist dazu gedacht, Entwickler und Grafikdesigner bei der Arbeit mit Farben zu unterstützen. Mit ColorZilla hast du die Möglichkeit, Farbwerte zu erfassen, zu bearbeiten und in ein anderes Programm zu exportieren. Dieses Addon erlaubt es dir, grundlegende und zusätzliche Aufgaben in Chrome/Chromium und Firefox-Browsern auszuführen.

WebDeveloper

Dieses Tool erweitert deinen Browser um einige Extras, die es ermöglichen, Design-Aspekte wie CSS, Bilder, Formulare und andere Details zu verwalten. Als eines der beliebtesten Addons ist es für Chrome/Chromium und Firefox erhältlich.

Woo Rank

Woorank bietet alles, was man für die SEO-Datenanalyse benötigt, einschließlich interne Links, SEO-Bewertung, Keyword Cloud, Verbesserungsvorschläge, etc. Die Erweiterung kann in Chrome/Chromium  und  Firefox verwendet werden.

TAB2QR

Mit dieser Erweiterung erstellst du den QR Code für eine Website, die du mit einem Mobilgerät aufrufen willst. Alles was du dafür tun musst, ist den Code einfach mit einem Handy oder Tablet zu scannen. Übrigens ist dieses Addon die perfekte Wahl, wenn du die Reaktionsfähigkeit einer Website überprüfen möchtest. Die Erweiterung funktioniert in Browsern Chrome/Chromium und Firefox.

HTTP Request Maker

Mit diesem Addon erstellst du HTTP-Anfragen ohne viel Mühe. Wenn du nicht das Formular abschicken willst, sondern unnötige Bearbeitung und PHP-Formularantworten überprüfen möchtest, dann ist dieses Tool genau das Richtige für dich. Außerdem findest du Download-Links für Chrome/Chromium und Chrome/Chromium -Browser.

Page Performance Test

Wenn du überwachen möchtest, wie deine Seite auf dem Weg zum Browser funktioniert, kann dabei die Erweiterung Page Performance Test sehr hilfreich sein. Das Addon ist ab sofort nur noch für Firefox verfügbar. Es gibt ähnliche Erweiterungen für Chrome und Chromium, aber sind sie nicht so funktionsreich wie die für Firefox.

Word Count Tool

Neben Wörtern kannst du mit diesem Addon auch die Anzahl der Zeichen und Sätze innerhalb eines analysierten Textblocks zählen. Diese Browser-Erweiterung lässt sich sowohl in Chrome/Chromium, als auch in Firefox aktivieren.

Web Developer Checklist

Das ist eine perfekte Lösung für Entwickler, die Best Practices befolgen möchten. Außerdem ermöglicht es das Auffinden von Problembereichen auf der Website sowie deren sofortige Beseitigung. Die Erweiterung ist für Chrome/Chromium und Firefox verfügbar.

Image Map Editor

Dieses Tool wurde vom deutschen Entwickler Heinz-Jürgen Boms speziell für den Firefox-Browser erstellt. Mit dieser Erweiterung lässt sich ein Standort des Bildes verfolgen, den du zur Darstellung brauchst, und eine Image Map direkt im Browser erstellen.

Advanced Frame Editor

Das ist ein weiteres Addon für den Firefox-Browser, das von Heinz-Jürgen Boms kreiert wurde. Mit diesem Tool zum CSS-Styling kannst du direkt im Browser einen Frame erstellen, indem du dessen Eigenschaften festlegst. Bevor du mit dem Tool arbeitest, ist es empfehlenswert, Einblick ins Handbuch für den Advanced Frame Editor zu nehmen.

Bootstrap Responsive Helper

Mit dieser leicht verständlichen Erweiterung kannst du überprüfen, ob deine Kontrollpunkte korrekt funktionieren. Außerdem spürst du auf, welchen Bootstrap-Level deine Website momentan hat. Bitte beachte, dieses Addon ist nur dann nützlich, wenn du ständig mit Bootstrap arbeitest. Das Tool lässt sich sowohl in Chrome/Chromium als auch in Firefox aktivieren.

Try It Yourself HTML5 Editor

Wenn du es bevorzugst, all deine Aufgaben von einem Ort auszuführen, dann nutze dieses Tool. Der funktionsreiche und kontextbezogene Editor funktioniert direkt in Firefox und unterstützt HTML, JS und CSS.

X-Ray Goggles

Das ist eher ein Lesezeichen als eine Standarderweiterung. X-Ray Goggles funktioniert einwandfrei in Chrome/Chromium und Firefox. Um das Tool nutzen zu können, sollst du deine Lesezeichenleiste öffnen, X-Ray Goggles über den Link oben installieren und es per Drag & Drop auf deine Lesezeichenleiste ziehen. Danach öffne eine beliebige Website, aktiviere das X-Ray Goggles-Lesezeichen, wähle ein Element auf der Seite aus und fahre mit der Code-Bearbeitung eines Elementes fort.

Welches Browser-Addon ist dein Lieblingstool? Lass uns gerne in Kommentaren wissen, wenn in unserer Liste empfehlenswerte Tools fehlen. 

P.S. Es wäre durchaus falsch, wenn die Lorbeeren ein ganz anderer erntet. Deshalb verraten wir dir etwas: Diese Addon-Liste hat Mariana zusammengefasst, wir haben sie lediglich übersetzt. Wenn du einen Blick auf den Originaltext auf Englisch werfen möchtest, ist der bei MonsterPost zu finden.