11 beste Webentwicklungserweiterungen für Chrome

Bei der Entwicklung einer Website müssen Sie eine Checkliste mit vielen komplexen Anforderungen erstellen. Ob Farb- oder Schriftschemata, CSS-Layout-Probleme oder die Reaktionsfähigkeit der Website auf verschiedenen Geräten – es ist wichtig, über alle aufkommenden Probleme den Überblick zu behalten. Im Folgenden sind einige der besten Webentwicklungserweiterungen für Google Chrome (und andere Chromium-basierte Browser) aufgeführt.

1. Farbauswahl-Pipette

Haben Sie Lust auf das Farbschema einer zufälligen Webseite und möchten es in Ihrem eigenen Projekt verwenden? Eine Chrome-Erweiterung namens Farbauswahl „Pipette“ können Sie die Farben punktgenau und mit einer einstellbaren Zoomfunktion extrahieren.

Erweiterungen wie diese erfordern die Erlaubnis auf allen Websites, um die Farbextraktion durchzuführen. Wenn Sie etwas erweiterte Funktionen wünschen, gibt es ein ähnliches Tool namens ColorZilla die mit einem Farbverlaufsgenerator, einem Paletten-Viewer und einem Farbverlauf geliefert wird.

2. Screenshot einer ganzen Seite mit einem Klick

Die Erstellung eines ganzseitigen Web-Screenshots ist eine Notwendigkeit für die tägliche Arbeit. Manchmal besteht der beste Weg, um Ihre Designänderungen zu kommunizieren, darin, die gesamte Website so zu erfassen, wie sie ist. Mit einer Nebenstelle namens „Screenshot einer ganzen Seite mit einem Klick“ können Sie es genau erreichen.

Während die Bildschirmaufnahme läuft, wird Ihr fertiges Bildlaufbild nach Abschluss in einem neuen Fenster geöffnet.

Chrome Web One-Click-Vollseiten-Screenshot 1

Der gesamte Bildschirm der Webseite steht jetzt im PNG-Format zum Download zur Verfügung. Sie können auch eine Reihe von Effekten auf den Bildschirm anwenden, darunter Filter, Zeichnen über die Webseite, Hinzufügen von Text und mehr.

3. EditThisCookie

Webentwickler benötigen Zugriff auf Cookie-Manager, um Cookies hinzuzufügen, zu löschen, zu bearbeiten, zu schützen und zu blockieren. EditThisCookie ist eine nützliche Erweiterung, mit der Sie nach Belieben mit Cookies arbeiten und diese im JSON-Format exportieren oder importieren können. Dies hilft Ihnen, die Website gesund zu halten, indem Sie alte Cookies entfernen und das maximale Extraktionsdatum jedes Cookies begrenzen.

Chrome Web BearbeitendiesesCookie 1

4. ModHeader

ModHeader ist eine der beliebtesten Chrome-Erweiterungen zum Ändern der HTTP-Header von Webseiten. Mit nur einem oder zwei Klicks können Sie die Header-Änderung basierend auf URL oder Ressourcentyp aktivieren. Das Beste daran ist, dass Sie mehrere Profile erstellen und den geänderten Kopfzeilen unterschiedliche Werte hinzufügen können. Alle Änderungen können auf nur eine Registerkarte oder eine ganze Site beschränkt werden.

Chrome Web-Modheader 1

5. UX-Check

Wir alle brauchen von Zeit zu Zeit eine heuristische Auswertung der laufenden Website. Das geht ganz einfach mit UX-Check, eine Erweiterung, die das gesamte UX-bezogene Feedback in einem Seitenbereich anzeigt. Nachdem Sie auf ein Element geklickt haben, das nicht mit einer von Ihnen bewerteten Heuristik übereinstimmt, können Sie Notizen hinzufügen und Screenshots erstellen. Schließlich können alle Änderungen im .docx-Format exportiert werden.

Chrome Web Ux-Check 1

6. Fenster-Resizer

Webentwickler müssen ihre Webseiten für unterschiedliche Bildschirmabmessungen emulieren. Mit Fenster-Resizer, können Sie diese Auswertungen ganz einfach für Laptops, Tablets, Smartphones und jede beliebige Bildschirmgröße durchführen.

Chrome Web Window Resizer

Das Tool verfügt über einige coole Funktionen wie „Rotate“ und „Live Measurement“ sowie eine Reihe von visuellen Anpassungsfunktionen. Wenn Sie eine wirklich reaktionsschnelle Website erstellen möchten, stellen Sie sicher, dass Sie das Erscheinungsbild für alle Bildschirmgrößen überprüft haben.

Verwandt :  So fügen Sie QuickLook-Unterstützung für textbasierte Dateien unter macOS hinzu

7. Lorem Ipsum Generator

Um den Auftrag auf einer Webseite schnell abzuschließen, benötigen Sie Standardtext. Eine Erweiterung namens Lorem Ipsum Generator bietet mehrere Standardtextoptionen mit unterschiedlichen Absätzen und Sätzen pro Absatz. Mit der Option „Automatische Auswahl“ können Sie Textfragmente oder ganzen Text auswählen. Die endgültige Vorlage verleiht durch Variationsmöglichkeiten im Text ein elegantes Aussehen.

Chrome Web Lorem Ipsum Generator 1

8. BuiltWith Technology Profiler

BuiltWith ist ein klassische Erweiterung um mehr über alle zugrunde liegenden Technologien zu erfahren, die eine Website unterstützen. Mit nur einem Klick erstellt es ein Profil, das Ihnen hilft, sich über die neuesten Add-ons und Instrumente zu informieren, die die Website besser hervorheben. Dies hilft Ihnen, seine Funktionalitäten für Ihren eigenen Gebrauch zu replizieren.

Chrome Web Built mit 1

9. WhatFont

WhatFont ist eine der schnellsten und einfachsten Möglichkeiten, verschiedene Schriftarten auf einer Webseite zu identifizieren. Sie müssen nur in die Nähe des Textes fahren, um die vollständigen Details anzuzeigen. Es unterstützt erweiterte Vorlagen wie TypeKit und Google FontAPI.

Chrome Web Whatfont 1

10. CheckMyLinks

Manchmal benötigen wir eine objektive Zusammenfassung aller Links zu einer Website. CheckMyLinks ist eine beliebte Erweiterung, um gültige, ungültige und defekte Links zusammenzufassen. Die Linkergebnisse für jede laufende Website werden sofort in einem Seitenbereich angezeigt. Dieses Tool ist äußerst praktisch für Last-Minute-Stichproben, bevor Ihre Website oder veröffentlichte Änderungen live gehen.

Chrome Web-Checkmylinks 1

11. Pestizid

Rechnen Sie mit CSS-Layout-Problemen in Ihrer Website? Pestizid ermöglicht es Ihnen, diese Probleme zu beheben, indem Sie jedem Seitenelement eine Gliederung zur Verfügung stellen. Durch das Halten der Strg key können Sie die Elementinformationen anzeigen und die Platzierung des Elements auf der Seite analysieren.

Chrome Web-Pestizid 1

Es gibt viele andere beliebte Weberweiterungen, die wichtige Details in Website-Anwendungen verwalten. Zum Beispiel, JSON-Viewer hilft denen, die mit JSON-Dateien arbeiten. Es gibt eine HTML-Baum-Generator was einen Baum aller Elemente in einer Website ergibt.

Abgesehen von den oben genannten gibt es auch viele Chrome-Erweiterungen, um Ihre Browsergeschwindigkeit zu verbessern. Schau sie dir an!

Moyens Staff
Moyens I/O-Personal. motivierte Sie und gab Ratschläge zu Technologie, persönlicher Entwicklung, Lebensstil und Strategien, die Ihnen helfen werden.