Die neue sitebrunch Browser Extension: schneller prüfen, kommentieren, weiterarbeiten

Du bist auf einer Kundenwebsite, willst kurz den Kontrast eines Buttons checken, die Schriftgröße einer Headline nachvollziehen und einen Bug dokumentieren. Schon hast du DevTools, ein Farbpicker-Plugin, einen Screenshot-Editor und dein Notiz-Tool offen und am Ende fehlt trotzdem der Zusammenhang.

Genau hier setzt unsere überarbeitete Browser Extension an. Neues Design, neue Funktionen, gleiches Ziel: alles, was du im Audit- und Review-Alltag brauchst, an einem Ort. Hier ein Rundgang.

Komplett überarbeitetes Design

Die Extension legt sich weiterhin als Layer über die Website aber deutlich heller und aufgeräumter als zuvor. Das sitebrunch-Icon kannst du frei verschieben, falls es im Weg ist. Ein Klick öffnet, ein Klick schließt.

Oben links bringt dich das Logo zurück zur Projektübersicht. Daneben siehst du die aktuelle Domain, kannst sie kopieren oder direkt einen Full-Page-Screenshot anstoßen: Die Seite wird automatisch durchgescrollt, zusammengesetzt und als PNG in deinen Download-Ordner gelegt. Funktioniert übrigens auch dort zuverlässig, wo andere Screenshot-Extensions an Browser-Integrationen scheitern.

Device-Größe einstellen, Zoom-In, Zoom-Out – alles weiterhin jederzeit erreichbar.

Cursor-Navigation: drei Modi, drei Tastaturkürzel

Die größte Neuerung sind unsere drei Cursor-Modi. Wer aus Figma oder Adobe-Tools kommt, kennt das Prinzip:

• V – Standard-Cursor: Du bedienst die Seite ganz normal.

• C – Kommentar: Per Klick setzt du an jeder Stelle einen Kommentar.

• X – Magic Cursor: Per Hover blenden wir alle Informationen ein, die wir über das Element haben.

Der Magic Cursor ist ehrlich gesagt der Grund, warum ich die Extension inzwischen ständig offen habe. Du fährst über ein Element und siehst sofort:

• den Farbcode des Hintergrunds

• Schriftart, Schriftgröße und Schriftschnitt

• relevante Accessibility-Informationen zum Element

Statt für jeden Check die DevTools aufzureißen, hast du die Infos in Sekunden. Egal ob du gerade einen Abstand verifizieren, einen Kontrast prüfen oder schnell sehen willst, ob das wirklich die richtige Schrift ist.

Test Tools: Audit-Prüfschritte als schnelle Stichprobe

Viele Prüfungen, die du sonst in einem vollständigen Audit Schritt für Schritt durchgehst, kannst du jetzt direkt in der Extension ausführen – als schnelle Stichprobe oder fürs ad-hoc-Review:

• Kontrastprüfer – Farben frei picken, Kontrastwerte berechnen

• Headings-Übersicht – alle Überschriften der Seite auf einen Blick

• Alt-Texte einblenden

• Tab-Reihenfolge sichtbar machen

• Textkontraste hervorheben

• Tastaturfokus visualisieren

Das ersetzt kein vollständiges Audit. Aber es spart dir den Wechsel zwischen fünf verschiedenen Browser-Plugins, wenn du nur kurz schauen willst, ob etwas auffällig ist.

Alle Kommentare gebündelt

In der Kommentar-Ansicht siehst du jetzt sämtliche Kommentare, die zu der Seite existieren, an einem Ort. Eigene und die deines Teams. Kein Hin- und Herklicken, keine verlorenen Notizen.

UX-Insights direkt auf der Seite

Wenn das UX-Feature aktiv ist, blendet die Extension Heatmaps und Rankings direkt auf der Website ein. Du siehst die meistgeklickten Bereiche – und du siehst die Herkünfte deiner Nutzenden. Etwas, das viele gar nicht wissen: UTM-Kampagnen werden dabei sauber aufgelöst.

Klickst du auf eine Herkunft, etwa „Google Organic", filtert sich die Heatmap entsprechend. So erkennst du sofort, wie sich Nutzende aus unterschiedlichen Quellen auf deiner Seite bewegen. Den Analysezeitraum stellst du unten direkt ein.

Probier es aus

Viele der neuen Funktionen sind bereits im sitebrunch Free Plan verfügbar.