Mindnow

Design & Development

Juli 30

13 Chrome-Extensions, die jeder kennen sollte

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! Mit den beigefügten Links zum Webstore können Sie sie gleich direkt downloaden.

1. 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

2. 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.

Screenshot of Ghostery Chrome Extension

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

3. 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 Webstore

Screenshot of Check My Links Chrome Extension

4. 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

5. 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

6. 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

7. 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 Webstore

Screenshot of WAVE Evaluation Tool Chrome Extension

8. 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

9. 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 Webstore

10. Lighthouse

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

Lighthouse im Webstore 

Screenshot of Lighthouse Chrome Extension

11. 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 Webstore

12. 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

13. Grammarly for Chrome

Wir alle wissen, was Grammarly ist und wir alle lieben Grammarly, nicht wahr? 🙂

Grammarly im Webstore

 

Aus dem Englischen übersetzt von Carina Glinik

Möchten Sie mehr über Quality Assurance erfahren? Oder finden Sie, dass in dieser Liste noch etwas fehlt? Schreiben Sie uns – wir freuen uns über Ihre Kontaktaufnahme!

Comments 0

Deine E-Mail-Adresse wird nicht veröffentlicht.

Fill in the fields
Bereit, den Markt gehörig aufzumischen?

Erzählen Sie uns Ihre Geschichte