Die 15 besten Chrome-Erweiterungen für Programmierer und Entwickler

Wenn Sie ein Programmierer sind, der Chrome nicht verwendet, sind Sie in der Minderheit. Es gibt so viele Gründe, diesen Browser für Programmierzwecke zu bevorzugen, wie z. B. der massive Einfluss von Google auf die Richtung des Webs, die integrierten Funktionen, die die Entwicklung weniger frustrierend machen, und die schiere Anzahl verfügbarer Erweiterungen.

Der letzte Punkt ist entscheidend. Während ich dies schreibe, hält Chrome über 60 Prozent Marktanteil auf Desktops – es ist kein Wunder, dass die meisten Ersteller von Erweiterungen ihre Bemühungen zuerst auf Chrome konzentrieren. Das heißt, hier sind die besten Chrome-Erweiterungen, die Sie verwenden sollten, wenn Sie ein Entwickler jeglicher Art sind, insbesondere aber ein Webentwickler.

Allgemeine Entwicklungserweiterungen

1. Sitzungspartner

Chrome hat eine großartige Funktion namens benutzerdefinierte Benutzerprofile, mit der Sie separate Sätze von Lesezeichen, Einstellungen, Registerkarten, Verläufen usw. erstellen können. Sie sollten auf jeden Fall einen speziell für die Programmierung einrichten, wenn Sie dies noch nicht getan haben.

Aber Session Buddy geht noch einen Schritt weiter und ermöglicht es Ihnen, bestimmte „Tab-Sessions“ zu speichern und nach Belieben zwischen ihnen zu wechseln, was praktisch ist, wenn Sie an mehreren Projekten arbeiten.

Herunterladen: Sitzungspartner

2. iMacros für Chrome

iMacros ist eine Erweiterung, mit der Sie sich wiederholende Aufgaben automatisieren können. Sie können bestimmte Aktionen „aufzeichnen“ (z. B. Mausklicks und Tastendrücke), sie als Makros speichern und sie dann jederzeit mit einem einzigen Klick ausführen. Es spart so viel Zeit beim Ausfüllen von Formularen, Testen von Änderungen usw. Für Makros außerhalb von Chrome empfehlen wir AutoHotkey-Skripte.

Download: iMacros für Chrome

3. Webtimer

Web Timer verfolgt, wie viel Zeit Sie auf verschiedenen Websites verbringen (oder verschwenden), was dazu beitragen kann, Tendenzen zum Aufschieben einzudämmen. Es verfolgt nur, wenn Chrome im Fokus ist, und es ist intelligent genug, um die Verfolgung zu stoppen, wenn Sie inaktiv sind. Wenn Sie nur Ihre gesamte Online-Aktivität messen möchten, ohne zu sehr ins Detail zu gehen, probieren Sie einen dieser kostenlosen Online-Timer aus.

Download: Webtimer

4. Toller Screenshot

Awesome Screenshot ist eine All-in-One-Erweiterung zum Aufnehmen von Screenshots, Aufnehmen von Bildschirmvideos, Kommentieren und Verwischen von aufgenommenen Bildern und Teilen Ihrer Screenshots mit einem Klick mit anderen. Eine raffinierte Funktion ist die Möglichkeit, eine ganze Webseite zu scannen und alles zu einem riesigen Bild zusammenzufügen. Für eine Lösung, die auch außerhalb von Chrome funktioniert, sehen Sie sich diese besten Tools zum Erstellen von Screenshots an.

Herunterladen: Toller Screenshot

5. Usersnap

Usersnap ist eine nützliche Erweiterung zum Erfassen und Kommentieren von Webseiten, Prototypen und Apps direkt aus Chrome. Es kann Ihnen helfen, Feedback zu geben und Fehler effizient zu melden. Dieses Tool kann sich als entscheidend für die Verbesserung Ihres Endprodukts durch einen reibungslosen Feedback-Workflow erweisen.

Download: Usersnap

Erweiterungen für die Webentwicklung

6. Webentwickler

Wenn es eine Erweiterung gibt, die Sie installieren, um die Webentwicklung zu unterstützen, lassen Sie es diese sein. Web Developer ist vollgepackt mit mehreren Komfortfunktionen, darunter das Umschalten von JavaScript und Plugins mit einem Klick, die Größenänderung von Fenstern zum Testen von responsiven Designs, das Testen und Debuggen von Bildern und vieles mehr.

Herunterladen: Webentwickler

7. User-Agent-Umschalter

Von den vielen „User Agent Switcher“-Erweiterungen im Chrome Web Store gehört diese zu den besten. Es wird regelmäßig aktualisiert und entführt keine Links. Darüber hinaus enthält es eine Reihe von Standard-Benutzeragentenzeichenfolgen, ermöglicht Ihnen aber auch das Erstellen benutzerdefinierter Benutzeragentenzeichenfolgen. Kurz gesagt, es ist eine Erweiterung, die zuverlässig funktioniert.

Download: User-Agent-Umschalter

8. Wappalyzer

Wenn Sie wissen möchten, welche Arten von Webtechnologien eine bestimmte Website antreiben, teilt Ihnen Wappalyzer dies mit einem einzigen Klick mit. Es ist intelligent genug, um CMS (z. B. WordPress), Web-Frameworks (z. B. React), Tools und Dienstprogramme (z. B. Google Analytics), E-Commerce-Plattformen (z. B. Shopify) und vieles mehr zu erkennen.

Download: Wappalyzer

9. IE-Registerkarte

Microsoft hat den Internet Explorer eingestellt. Wenn Ihr Projekt jedoch aus irgendeinem Grund das Testen einer Website im Internet Explorer erfordert, benötigen Sie IE Tab, das den IE in einem neuen Tab emuliert und es Ihnen ermöglicht, Websites in verschiedenen Versionen sowie ActiveX-Steuerelemente zu testen. Wirklich nützlich, wenn Sie möchten, dass Ihre Website mit allen Browsern kompatibel ist, egal wie alt.

Download: IE-Tab

10. Klicken und reinigen

Bei der Entwicklung einer Website sind einige Dinge lästiger, als ständig Browserdaten zu löschen, um sicherzustellen, dass Sie neue Änderungen laden. Click&Clean macht es nicht nur schneller, sondern bietet auch mehr Kontrolle darüber, was Sie bereinigen können (z. B. Datenbanken und Plugin-Daten löschen, Cookies für bestimmte Websites behalten usw.).

Download: Click&Clean

11. Font-Finder

Font Finder ist eine der einfachsten und effektivsten Möglichkeiten, Schriftarten im Web zu identifizieren. Es ist eine Sache, mit der rechten Maustaste auf ein Element zu klicken, Element untersuchen auszuwählen und dann das Stylesheet zu durchsuchen, um herauszufinden, was es ist.

Mit Font Finder müssen Sie nur mit der rechten Maustaste klicken und Font Finder auswählen. Von dort aus können Sie entweder eine Liste aller auf der Webseite verwendeten Schriftarten oder nur die in einem bestimmten Frame verwendeten Schriftarten abrufen. Sie können sogar eine interaktive Version von Font Finder auf jeder Webseite öffnen, indem Sie auf die Erweiterung klicken.

Download: Schriftfinder

12. ColorPick-Pipette

ColorPick Eyedropper ist ein Tool, mit dem Sie hineinzoomen und den genauen Farbcode jedes Pixels auf jeder Webseite erhalten können. Der Farbcode ist in Hex, RGB und HSL verfügbar. Es ist äußerst bequem und viel schneller als Elemente zu untersuchen, um zu sehen, welche Farben im Stylesheet verwendet werden, oder Bilder herunterzuladen und Farben in einem Bildeditor auszuwählen.

Download: ColorPick-Pipette

13. Lorem-Ipsum-Generator

Wenn Sie eine Website entwickeln, benötigen Sie irgendwann einen Dummy-Text. Lorem-Ipsum-Generatoren sind im Internet reichlich vorhanden, aber der Lorem-Ipsum-Generator ist immer sofort direkt in Ihrem aktuellen Tab verfügbar. Es ist schnell und Sie können anpassen, wie viele Absätze Sie möchten und wie viele Sätze pro Absatz.

Download: Lorem-Ipsum-Generator

14. Überprüfen Sie Meine Links

Am Ende eines Webentwicklungsprojekts sollten Sie alle Kernseiten abschließend überprüfen, um sicherzustellen, dass alle Ihre Links funktionieren. Check My Links macht diesen Vorgang so einfach wie möglich. Klicken Sie einfach auf die Schaltfläche, und es scannt alle Links auf der aktuellen Seite und hebt dann jeden hervor, je nachdem, ob er defekt ist oder funktioniert.

Download: Überprüfen Sie meine Links

15. Abmessungen

Dimensions ist eher ein Tool für Webdesign als für Webentwicklung, aber da sich die beiden tendenziell überschneiden, möchten Sie wahrscheinlich diese Erweiterung verwenden. Kurz gesagt, es misst sofort den Abstand zwischen zwei beliebigen Webelementen, einschließlich Text, Bildern, Videos und Formularfeldern. Es kann auch die Entfernung vom Mauszeiger zu einem dieser unterstützten Webelemente messen.

Herunterladen: Abmessungen

Verbessern Sie Ihren Programmier-Workflow mit diesen Erweiterungen

Zusätzlich zu den oben genannten finden Sie im Chrome Web Store zahlreiche programmierungsbezogene Erweiterungen.

Möglicherweise haben Sie eine Problemumgehung für einige dieser Erweiterungen entwickelt, aber wir empfehlen, sie auszuprobieren, da sie Ihre Gesamteffizienz verbessern können.