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 viele Gründe, diesen Browser für die Programmierung zu bevorzugen, wie beispielsweise Googles massiver Einfluss auf die Webrichtung, die integrierten Funktionen, die die Entwicklung weniger frustrierend machen, und die Vielzahl der verfügbaren Erweiterungen.

Dieser letzte Punkt ist von entscheidender Bedeutung. Im Februar 2018 hat Chrome einen Marktanteil von über 60 Prozent auf Desktops. Kein Wunder, dass sich die meisten Erweiterungsentwickler zunächst auf Chrome konzentrieren. Hier sind die besten Chrome-Erweiterungen, die Sie verwenden sollten, wenn Sie Entwickler sind, insbesondere Webentwickler. Programmierung vs. Webentwicklung: Was ist der Unterschied? Programmierung vs. Webentwicklung: Was ist der Unterschied? Sie denken vielleicht, dass Anwendungsprogrammierer und Webentwickler die gleiche Arbeit verrichten, aber das ist alles andere als die Wahrheit. Hier sind die wichtigsten Unterschiede zwischen Programmierern und Webentwicklern. Weiterlesen .

Allgemeine Entwicklungserweiterungen

1. Sitzungsfreund

Chrome verfügt über eine fantastische Funktion, die als benutzerdefinierte Benutzerprofile bezeichnet wird, mit der Sie separate Sätze von Lesezeichen, Einstellungen, Registerkarten, Historien usw. erstellen können. Wenn Sie dies noch nicht getan haben, sollten Sie unbedingt eines für die Programmierung einrichten.

Session Buddy geht jedoch noch einen Schritt weiter, damit Sie gezielt speichern können “Registerkarte Sitzungen” und wechseln Sie nach Belieben zwischen ihnen. Dies ist besonders nützlich, wenn Sie an mehreren Projekten arbeiten.

Herunterladen: Sitzungsfreund

2. iMacros für Chrome

iMacros ist eine Erweiterung, mit der Sie sich wiederholende Aufgaben automatisieren können. Sie können “Aufzeichnung” bestimmte Aktionen (z. B. Mausklicks und Tastendrücke), speichern Sie sie als Makros und führen Sie sie dann mit einem einzigen Klick aus, wann immer Sie möchten. Das Ausfüllen von Formularen, das Testen von Änderungen usw. spart so viel Zeit. Für Makros außerhalb von Chrome empfehlen wir AutoHotkey-Skripts.

Herunterladen: iMacros für Chrome

3. Web Timer

Web Timer erfasst, wie viel Zeit Sie auf verschiedenen Websites verbringen (oder damit verschwenden), was dazu beitragen kann, Tendenzen zur Verschleppung einzudämmen. Es wird nur verfolgt, wenn Chrome im Fokus ist, und es ist intelligent genug, um die Verfolgung zu stoppen, wenn Sie nicht im Leerlauf sind.

Herunterladen: Web-Timer

Wenn Sie einen fortschrittlicheren Time-Tracker suchen, empfehlen wir die plattformübergreifende Toggl. Die beste Zeiterfassungs-App für Android, iOS und Desktop. Die beste Zeiterfassungs-App für Android, iOS und Desktop. Wir zeigen Ihnen, wie Sie von der Zeiterfassung profitieren können oder Ihr Team, worauf Sie bei der Zeitverfolgungssoftware achten müssen, und welche Plattformübergreifende Anwendung wir für diese Aufgabe finden können. Weiterlesen .

4. Großartiger Screenshot

Awesome Screenshot ist eine All-in-One-Erweiterung, mit der Sie Screenshots aufnehmen, Bildschirmvideos aufnehmen, geschnappte Bilder kommentieren und verwischen können und Ihre Screenshots mit nur einem Klick für andere Personen freigeben können. Ein schickes Feature ist die Möglichkeit, Screenshots zu erstellen eine ganze Webseite und nähen Sie alles zu einem riesigen Bild zusammen. Eine Lösung, die auch außerhalb von Chrome funktioniert, finden Sie in den besten Tools zum Erstellen von Screenshots.

Herunterladen: Toller Screenshot

5. Marmoset

Marmoset ist ein lustiges kleines Werkzeug zum Erstellen von 3D-Screenshots Ihres Codes. Sobald Sie ein Bild aufnehmen, können Sie in 3D drehen, neigen und skalieren. Dies macht es interessanter, wenn Sie Schnipsel freigeben möchten. Dies ist auch nützlich, wenn Sie codebasierte Bilder oder Ausschnitte in Ihrem Quellcode auf der Homepage Ihres Projekts erstellen.

Herunterladen: Marmoset

Webentwicklungserweiterungen

6. Webentwickler

Wenn Sie eine Erweiterung installieren, die Sie bei der Webentwicklung unterstützen, lassen Sie diese hier sein. Web Developer bietet zahlreiche praktische Funktionen, darunter das Umschalten von JavaScript und Plugins mit einem Klick, das Ändern der Fenstergröße, um responsive Designs zu testen, das Testen und das Debuggen von Bildern und vieles mehr.

Herunterladen: Web-Entwickler

7. User-Agent Switcher

Von den vielen “Benutzer-Agent-Umschalter” Erweiterungen im Chrome Web Store, dies ist die beste. Es wird immer noch aktualisiert, es werden keine Links geknackt, es wird mit einer Reihe von Standardzeichenfolgen für Benutzeragenten geliefert, Sie können jedoch auch benutzerdefinierte Benutzeragentenzeichenfolgen erstellen. Es ist die einzige Erweiterung dieser Art, die zuverlässig funktioniert.

Herunterladen: User-Agent Switcher

8. Wappalyzer

Wenn Sie wissen möchten, welche Arten von Web-Technologien eine bestimmte Site unterstützen, wird Wappalyzer Sie mit einem einzigen Klick darauf hinweisen. Es ist intelligent genug, um CMSes (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.

Herunterladen: Wappalyzer

9. IE Tab

Im Februar 2018 sind noch mehr als 13 Prozent der Desktopbenutzer im Internet Explorer, was sehr schade ist, da der IE den modernen Webstandards bei weitem nicht entspricht. Aus diesem Grund benötigen Sie den IE-Tab, der den IE in einem neuen Tab emuliert und den Test von Websites in verschiedenen Versionen ermöglicht: IE6, IE7, IE8, IE9 und ActiveX-Steuerelemente. Sehr nützlich, wenn Ihre Website mit ALLEN Browsern kompatibel sein muss, egal wie alt sie sind.

Herunterladen: IE Tab

10. Klicken Sie auf & Reinigen

Bei der Entwicklung einer Website sind einige Dinge ärgerlicher als das permanente Löschen der Browsing-Daten, um sicherzustellen, dass neue Änderungen geladen werden. 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 beibehalten usw.)..

Herunterladen: Klicken und reinigen

11. WhatFont

WhatFont ist der schnellste Weg, Schriftarten im Web zu identifizieren. Es ist eine Sache, mit der rechten Maustaste auf ein Element zu klicken, Inspect Element auszuwählen und dann das Stylesheet zu durchsuchen, um herauszufinden, was es ist. Mit WhatFont können Sie nicht nur sehen, was eine Schrift ist, wenn Sie mit der Maus über ein Element fahren, sondern auch, wie diese Schrift bereitgestellt wird (z. B. Google Fonts, TypeKit usw.)..

Herunterladen: WhatFont

12. ColorPick Pipette

ColorPick Eyedropper ist ein Tool, mit dem Sie zoomen und den genauen Farbcode eines beliebigen Pixels auf einer Webseite erhalten können. Der Farbcode ist in Hex, RGB und HSL verfügbar. Dies ist äußerst praktisch und viel schneller als das Untersuchen von Elementen, um zu sehen, welche Farben im Stylesheet verwendet werden, oder das Herunterladen von Bildern und das Auswählen von Farben in einem Bildeditor.

Herunterladen: ColorPick Pipette

13. Lorem Ipsum Generator

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

Herunterladen: Lorem Ipsum Generator

14. Überprüfen Sie Meine Links

Am Ende eines Webentwicklungsprojekts sollten Sie auf allen Kernseiten einen letzten Durchlauf durchführen, um sicherzustellen, dass alle Links funktionieren. Check My Links macht diesen Vorgang so einfach wie möglich. Klicken Sie einfach auf die Schaltfläche und es werden alle Links auf der aktuellen Seite gescannt und dann hervorgehoben, je nachdem, ob sie defekt ist oder funktioniert.

Herunterladen: Überprüfen Sie Meine Links

15. Abmessungen

Dimensions ist eher ein Werkzeug für das Webdesign als für die Webentwicklung. Da sich diese beiden Elemente jedoch überschneiden, möchten Sie diese Erweiterung wahrscheinlich verwenden. Kurz gesagt, es misst sofort die Entfernung zwischen zwei beliebigen Webelementen, einschließlich Text, Bildern, Videos und Formularfeldern. Es kann auch die Entfernung vom Mauszeiger zu den unterstützten Webelementen gemessen werden.

Herunterladen: Maße

Weitere Chrome-Erweiterungen, die sich als nützlich erweisen könnten

Darüber hinaus empfehlen wir dringend, diese Chrome-Erweiterungen für die Registerkartenverwaltung und diese Chrome-Erweiterungen für die Geschäftsproduktivität zu verwenden. Dies sind zwei Dinge, die Sie als Entwickler, der Chrome verwendet, frustrieren können.

Sie sollten sich auch unsere große Auswahl der besten Chrome-Erweiterungen ansehen. Die besten Chrome-Erweiterungen Die besten Chrome-Erweiterungen Eine Liste nur der besten Erweiterungen für Google Chrome, einschließlich der Vorschläge unserer Leser. Lesen Sie mehr, das alles von Sicherheit bis Unterhaltung, vom Einkauf bis zur allgemeinen Produktivität und vielem mehr abdeckt.

Erfahren Sie mehr über: Browsererweiterungen, Google Chrome, Programmierung.