Live-Inspektion und Bearbeitung von CSS-Styles
Der CSS Inspector ist ein leistungsstarkes Entwickler-Tool, mit dem Sie alle CSS-Eigenschaften eines Elements sehen…
CSS-Animationen in Echtzeit debuggen und steuern
Der Animations-Inspektor gibt Ihnen vollständige Kontrolle über jede CSS-Animation und jeden Übergang auf einer Webseite.
CSS eines beliebigen Elements in Tailwind-Utility-Klassen umwandeln
Als Tailwind kopieren überbrückt die Lücke zwischen visuellem Design und Tailwind-CSS-Code.
Die vollständige Layout-Struktur einer Seite visualisieren
Der Nur-Umriss-Modus fügt jedem HTML-Element einer Webseite farbkodierte Rahmenumrisse hinzu und gibt Ihnen eine…
Kategorisierte Tailwind-Klassen für jedes Element erhalten
Tailwind-Helfer inspiziert jedes Element einer Webseite und generiert eine umfassende, kategorisierte Aufschlüsselung…
Visuelle HTML-Baumansicht-Überlagerung auf jeder Webseite
Seiten-Gliederung rendert die vollständige DOM-Struktur einer Webseite als visuelle Baum-Überlagerung — direkt auf der Seite selbst.
React-, Vue-, Angular- und Svelte-Komponenten auf jeder Site erkennen
Komponenten-Detektor identifiziert automatisch, welches Frontend-Framework eine Website verwendet, und zeigt seinen…
Drag & Drop zum Neupositionieren eines Elements auf einer Seite
Element verschieben lässt Sie auf jedes Element einer Webseite klicken und es physisch an eine neue Position ziehen.
Beliebiges Element entfernen oder Sichtbarkeit umschalten
Element löschen/ausblenden lässt Sie jedes Element einer Webseite mit einem einzigen Klick entfernen oder vorübergehend ausblenden.
Beliebiges Element als HTML, CSS oder JSON exportieren
Element exportieren lässt Sie auf jedes Element einer Webseite klicken und seine vollständige Struktur in drei Formaten…
React-, Vue- und Svelte-Komponenten aus beliebigen Elementen generieren
Komponentencode kopieren verwandelt jedes Element einer Webseite in eine saubere, produktionsbereite Komponentendatei…
Sichtbaren Bereich oder vollständige Seiten-Screenshots aufnehmen
Screenshot nimmt hochwertige Bilder jeder Webseite in zwei Modi auf: sichtbarer Bereich (genau das, was Sie im…
Alle Bilder einer Webseite anzeigen, auswählen und herunterladen
Bilder extrahieren scannt jede Webseite und präsentiert jedes Bild in einer durchsuchbaren Galerie.
Alle SVGs auf einer Seite finden, voranzeigen und herunterladen
SVG-Grabber entdeckt jedes SVG auf einer Webseite — inline SVG-Elemente, externe .svg-Dateireferenzen, SVG-Sprites…
Beliebiges Bild auf einer Seite durch Ihr eigenes austauschen
Bild-Ersetzer lässt Sie auf jedes Bild einer Webseite klicken und es durch Ihr eigenes ersetzen — entweder durch…
QR-Codes für beliebige URLs oder Text sofort generieren
QR-Code-Generator erstellt automatisch einen scannbaren QR-Code für die aktuelle Seiten-URL — oder für eine beliebige…
Pixelgenaue Lineale, Führungslinien und Messungen auf jeder Seite
Seitenlineal fügt Photoshop-ähnliche Lineale und verschiebbare Führungslinien zu jeder Webseite hinzu.
Mehrere Geräte-Viewports gleichzeitig voranzeigen
Responsiver Betrachter zeigt die aktuelle Webseite nebeneinander in mehreren Geräte-Viewport-Größen gerendert — alles…
Genaue Pixelabstände zwischen zwei beliebigen Elementen messen
Abstand messen lässt Sie auf zwei beliebige Elemente einer Webseite klicken und sofort den genauen Pixelabstand…
Alle Stacking-Kontexte und Z-Index-Ebenen visualisieren
Der Z-Index-Inspektor zeigt die vollständige Stapelreihenfolge jedes Elements auf einer Webseite.
CSS Grid- und Flexbox-Layouts mit visuellen Überlagerungen inspizieren
Der Grid/Flex-Visualisierer erkennt jeden CSS Grid- und Flexbox-Container auf einer Webseite und rendert deren…
Vorhersage von Nutzer-Aufmerksamkeitsschwerpunkten auf jeder Seite
Der Heatmap-Simulator generiert eine vorhergesagte Aufmerksamkeits-Heatmap für jede Webseite basierend auf etablierten…
Cache, Cookies, localStorage und sessionStorage selektiv löschen
Browserdaten löschen bietet Entwicklern eine schnelle, selektive Möglichkeit, bestimmte Arten von Browserdaten für die…
Jede Technologie hinter einer beliebigen Website erkennen
Site-Stack scannt jede Website und identifiziert den vollständigen Technologie-Stack — Frontend-Frameworks (React, Vue…
Umfassendes SEO-Audit: Meta-Tags, Überschriften, OpenGraph und mehr
Der SEO-Inspektor bietet ein sofortiges, umfassendes SEO-Audit jeder Webseite.
Automatisiertes WCAG-Audit: Kontrast, Alt-Text, ARIA und mehr
Der Barrierefreiheits-Inspektor führt automatisierte WCAG-2.1-Level-AA-Prüfungen auf jeder Webseite durch und erstellt…
Auf beliebigen Text auf einer beliebigen Seite klicken, um ihn sofort zu bearbeiten
Der Live-Text-Editor macht jedes Textelement auf einer Webseite mit einem einzigen Klick bearbeitbar.
Beliebige Schrift global oder per Element aus Google Fonts austauschen
Der Schriften-Wechsler ermöglicht es Ihnen, eine beliebige Schrift auf einer Webseite durch eine andere aus der Google…
Jede auf einer Webseite verwendete Schrift entdecken
Alle Schriften auflisten scannt jede Webseite und präsentiert ein vollständiges Inventar jeder verwendeten…
Präzisions-Pipette für HEX-, RGB- und HSL-Farbwerte
Der Farbwähler bietet ein pixelgenaues Pipetten-Tool zum Aufnehmen von Farben aus beliebigen Elementen auf einer…
Die vollständige Farbpalette von jeder Webseite extrahieren
Die Farbpalette scannt jedes Element auf einer Webseite und extrahiert den vollständigen Satz verwendeter Farben — von…
Dark Mode sofort auf jede Website anwenden
Dark Mode erzwingen wendet ein dunkles Farbschema auf jede Website an, die keines anbietet — oder überschreibt das helle Theme einer Site.
JavaScript sofort pro Tab aktivieren oder deaktivieren
JavaScript umschalten deaktiviert oder reaktiviert die JavaScript-Ausführung für den aktuellen Browser-Tab mit einem einzigen Klick.
Cookies für jede Domain anzeigen, bearbeiten, hinzufügen und löschen
Der Cookie-Editor zeigt alle Cookies für die aktuelle Domain in einer übersichtlichen, sortierbaren Tabelle an.
Konsolenausgabe in einem Floating-Panel anzeigen — ohne DevTools
Der Konsolen-Logger erfasst alle Konsolenausgaben (console.log, console.warn, console.error, console.info) und zeigt…
Alle Netzwerkanfragen in Echtzeit überwachen
Der Netzwerk-Monitor erfasst und zeigt jede Netzwerkanfrage der aktuellen Seite — XHR/Fetch-API-Aufrufe…
localStorage und sessionStorage anzeigen, bearbeiten, hinzufügen und löschen
Der Local-Storage-Editor bietet eine übersichtliche Tabellenoberfläche für die Verwaltung von localStorage- und…
Jeden Link auf einer Seite scannen und defekte finden
Der Defekte-Link-Prüfer scannt jeden Link auf der aktuellen Seite — Anchor-Hrefs, Bildquellen, Script-Quellen und…
Sofortiges Performance-Dashboard: Ladezeit, DOM-Statistiken und Ressourcen
Seiten-Performance bietet eine sofortige Performance-Übersicht jeder Webseite — Lade-Timing-Metriken (FCP…
JSON mit einem Klick formatieren, minimieren & validieren
Der JSON-Formatierer bereitet JSON-Daten auf, minimiert und validiert sie direkt in Ihrem Browser.
Strings sofort von und nach Base64 konvertieren
Der Base64-Kodierer/Dekodierer konvertiert Text in Base64 und Base64 zurück in Text direkt in Ihrem Browser.
URL-Strings mit einem Klick kodieren & dekodieren
Der URL-Kodierer/Dekodierer konvertiert URL-Strings in ihre Prozent-kodierte Form und zurück.
HTML-Entities sofort kodieren & dekodieren
Der HTML-Entity-Kodierer konvertiert Sonderzeichen (< > & " ') in ihre HTML-Entity-Entsprechungen (< > & " ') und zurück.
Strings für Code maskieren & demaskieren
Backslash-Escaper konvertiert Strings in ihre maskierte Form (\n \t \r \" \' \\ und Unicode-Escapes) und zurück.
Bilder in Base64-Daten-URIs konvertieren und zurück
Bild ↔ Base64 konvertiert Bilddateien (PNG, JPG, SVG, WebP, GIF) in Base64-kodierte Daten-URIs und umgekehrt.
JSON-Web-Token sofort dekodieren
Der JWT-Debugger dekodiert und inspiziert JSON-Web-Token – er parst Header, Payload und Signatur, zeigt Claims an und…
Massen-Generierung von UUID-v4-Bezeichnern
Der UUID-Generator erzeugt kryptografisch starke UUID-v4-Bezeichner unter Verwendung der Krypto-API des Browsers.
Berechnung von MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes
Der Hash-Generator berechnet kryptografische Hashes (MD5, SHA-1, SHA-256, SHA-384, SHA-512) für beliebige Texteingaben.
Kryptografisch starke Passwörter generieren
Der Passwort-Generator erzeugt starke, zufällige Passwörter unter Verwendung der kryptografischen API des Browsers.
Reguläre Ausdrücke live testen mit Match-Hervorhebung
Der Regex-Tester wertet reguläre Ausdrücke gegen Testtexte in Echtzeit aus.
Unix-, ISO- und menschenlesbare Daten konvertieren
Der Zeitstempel-Konverter übersetzt zwischen Unix-Zeitstempeln (Sekunden, Millisekunden, Mikrosekunden, Nanosekunden)…
Zwei Textblöcke Zeile für Zeile vergleichen
Das Diff-Tool vergleicht zwei Textblöcke und hebt hinzugefügte, entfernte und unveränderte Zeilen farblich hervor.
WCAG-Kontrastverhältnis beliebiger Farbkombinationen prüfen
Der Kontrast-Prüfer berechnet das WCAG 2.1 Kontrastverhältnis zwischen zwei Farben und bewertet sie anhand der…
HEX, RGB, HSL, HSV & OKLCH sofort konvertieren
Der Farbformat-Konverter übersetzt Farben zwischen HEX, RGB, HSL, HSV und OKLCH.
Die dominante Farbpalette aus jedem Bild extrahieren
Der Bild-Farbextraktor analysiert Bilddateien (Laden per Drag & Drop, Einfügen oder Klick) und liefert bis zu 16…
CSS-Selektoren & XPath für jedes Element erhalten
Mit dem DOM-Pfad-Finder können Sie über jedes Element einer Seite fahren, um dessen eindeutigen CSS-Selektor…
Cross-Origin-Anfragen testen & CORS-Header untersuchen
Der CORS-Prüfer testet, ob eine Cross-Origin-Anfrage von Ihrer Seite durch den Zielserver erlaubt wird.
WebSocket-Frames in Echtzeit erfassen
Der WebSocket-Inspektor erfasst jeden WebSocket-Frame — gesendet und empfangen — über alle Verbindungen auf der Seite.
Die Seite sofort nach defekten Bildern durchsuchen
Der Defekte-Bilder-Finder scannt jedes <img> und CSS-background-image auf der Seite, erkennt fehlerhafte Ladevorgänge…
Formulare automatisch mit realistischen Testdaten füllen
Der Formular-Ausfüller füllt jedes sichtbare Feld auf der Seite mit realistischen Testdaten — Name, E-Mail, Telefon…
Zwischen CSV und JSON in beide Richtungen konvertieren
Der CSV ↔ JSON Konverter ermöglicht die vollständige Konvertierung zwischen den beiden gängigsten Tabellenformaten.
XML formatieren, validieren & anzeigen mit Syntax-Highlighting
Der XML-Formatierer bietet Pretty-Print, Minifizierung und Validierung von XML im Browser.
SQL-Abfragen verschönern & formatieren
Der SQL-Formatierer verwandelt minifizierte oder unordentliche SQL-Befehle in lesbare, eingerückte Abfragen.
Webseiten als saubere PDFs speichern
„In PDF konvertieren“ speichert die aktuelle Webseite über den Druckdialog des Browsers als PDF, wobei zuerst…
