13 Chrome-Extensions, die jeder kennen sollte


Chrome-Extensions sind praktische Alltagshelfer, auch für jene, die nicht gerade als QA Engineer oder in der IT-Branche arbeiten. Hier sind 13 Empfehlungen für Chrome-Extensions.

Artikel von

 

Dejan Mircic

Middle QA Engineer
4 Minuten Lesezeit01. Feb. 2024

Für mich als Quality Assurance Engineer sind Chrome-Extensions eine grosse Erleichterung bei meiner täglichen Arbeit. Doch selbst wenn Sie nicht in der Qualitätssicherung oder nicht einmal in der IT-Branche arbeiten, sind Browser-Extensionen praktische Alltagshelfer. Dies sind meine 13 Lieblings-Extensions, die ich jeden Tag benutze. Ich möchte keine von ihnen missen und ich empfehle jedem, sie ebenfalls auszuprobieren!

Nimbus Screenshot & Screen Video Recorder

Oh, Nimbus. Mein Nummer-1-Must-Have-Tool. Sie können damit schnell und einfach Screenshots machen oder ein Video von Ihrem Bildschirm aufzeichnen, entweder die ganze Seite oder nur einen Teil davon in beliebiger Grösse. Die erstellten Screenshots und Screencasts können Sie mit einer Vielzahl von Werkzeugen bearbeiten und es gibt viele weitere Optionen zu entdecken. Absolute Empfehlung!

Nimbus im Webstore

Bildquelle: Screenshot

Ghostery – Datenschutzorientierter Werbeblocker

Wir alle brauchen einen Adblocker, und Ghostery ist mein Favorit, wenn es um den Schutz der Privatsphäre beim Surfen im Internet geht. Die Extension blockiert Werbung, verhindert das Sammeln von Daten und beschleunigt den Seitenaufbau. Durch automatisches Blockieren und Entsperren von Trackern optimiert Ghostery die Seitenleistung und erfüllt die Qualitätskriterien der jeweiligen Seite. Die Displays können angepasst und einfach oder detailliert angezeigt werden.

Aus QA-Sicht sind Adblocker besonders nützlich für Tests, da wir QA Engineers sehen müssen, was passiert, wenn sie aktiviert sind. Möglicherweise können Adblocker eine Webanwendung auch negativ beeinflussen, aber im Grossen und Ganzen empfehle ich Ihnen, einen zu verwenden.

Ghostery im Webstore

Check My Links

Dies ist ein schnelles Tool zur Überprüfung von Links. Wie der Name schon sagt, durchsucht die Check My Links Extension eine Webseite und zeigt möglicherweise nicht funktionierende Links an.

Check My Links im Webshop

ColorZilla

Einfach zu bedienende Extension zur Farbauswahl. Dies ist etwas, das Sie wahrscheinlich nicht jeden Tag brauchen, aber es ist dennoch praktisch. ColorZilla verfügt über einen klassischen Farbwähler, einen CSS-Farbverlaufsgenerator, eine Funktion zum Kopieren in die Zwischenablage und einige weitere coole Optionen.

ColorZilla im Webstore

CSS Peeper

Dieses wundervolle CSS-Extraktions-Add-on ermöglicht es Ihnen, einer Website auf den Grund zu gehen. Es sammelt Informationen über Stile, Schriftarten und Ladezeiten in einer gut organisierten Weise. Sie können alle Farben und Assets einer Seite sehen und diese auch exportieren.

Diese Extension ist wirklich nützlich und meiner Meinung nach sollten alle QA-Leute, die Webanwendungen und -seiten testen, sie haben.

CSS Peeper im Webstore

Page load time

Wenn Sie detaillierte Information über die Ladezeit einer Website sehen wollen, empfehle ich Ihnen diese einfach zu bedienende Extension. Ist Page load time aktiv, wird in der Symbolleiste die gemessene Seitenladezeit angezeigt.

Page load time im Webstore

WAVE Evaluation Tool

Diese Extension zur Bewertung der Barrierefreiheit im Web liefert Ihnen visuelles Feedback zu Ihren Webinhalten. Es fügt Symbole und Indikatoren in die Seite ein und sagt Ihnen, wie zugänglich der Inhalt ist. Natürlich kann die Accessibility nicht allein mit einem automatisierten Tool gemessen werden. Aber WAVE erleichtert es dem Menschen und klärt über Fragen der Barrierefreiheit auf. Dazu ist das Tool an sich auch sehr einfach zu handhaben.

WAVE im Webshop

Web Developer

Diese grossartige Extension fügt Ihrem Browser eine zusätzliche Symbolleiste mit verschiedenen Webentwickler-Tools hinzu. Diese bietet viele Möglichkeiten zum Herumspielen und Ausprobieren. Sie können zum Beispiel JavaScript deaktivieren, Benachrichtigungen verwalten, Pop-ups blockieren, den Cache leeren ...

Oder Sie können Cookies deaktivieren und hinzufügen, CSS anzeigen und bearbeiten, Stile drucken, benutzerdefinierte Fenstergrößen einstellen und vieles mehr ... Es gibt einfach zu viele Optionen, um sie alle aufzuschreiben, also probieren Sie es einfach selbst aus! :-)

Web Developer im Webstore

Bug Magnet

Ein unentbehrliches QA-Werkzeug für explorative Tests. Die Extension ist besonders geeignet, um Formulare und dergleichen zu testen. Mit einem Klick auf die rechte Maustaste lassen sich damit in jedem Web-Formular einfach Platzhaltertexte in verschiedenen Sprachen und mit Sonderzeichen, falschen E-Mail-Adressen oder URLs usw. einfügen.

Bug Magnet im Webshop

Lighthouse

Diese Extension zeigt, wie eine Website in Sachen Performance, Zugänglichkeit und SEO verbessert werden kann. Dabei gibt Lighthouse nicht nur einen Überblick über die Leistungen der Website, sondern bietet auch Best Practices. Für jede dieser Optionen gibt es eine detaillierte Ansicht.

Lighthouse im Webshop 

IE Tab

Diese Extension simuliert den Internet Explorer in verschiedenen Versionen. Das ist manchmal nützlich, da Sie den Internet Explorer nicht wirklich benutzen müssen, sondern während des Testens in Chrome weiterarbeiten können.

IE-Tab im Webshop

Selenium IDE

Dies ist ein einfaches und praktisches Automatisierungstool mit einer Vielzahl an Funktionen. Mit Selenium IDE lassen sich etwa Automatisierungstests aufzeichnen oder manuell erstellen und so Prozesse beschleunigen und verbessern.

Selenium IDE im Webstore

Grammarly for Chrome

Wir alle wissen, was Grammarly ist und wir alle lieben Grammarly, nicht wahr? :-)

Grammarly im Webshop


Involvierte Minds
Carina Felsberger
Senior UX WriterInvolviert alsÜbersetzerin