DT Dev Tools

Regex Tester — JavaScript-Regex live testen, Gruppen, Ersetzen

Testen Sie JavaScript-Regex live: Treffer markieren, nummerierte und benannte Gruppen in einer Tabelle sehen, Ersetzungen prüfen und jedes Flag verstehen.

🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladen

Flags

    Hervorgehobene Treffer

    Treffer und Gruppen

    War dieses Tool nützlich? Bewerte es:

    Was Regex Tester macht

    Regex Tester wendet beim Tippen einen regulären JavaScript-Ausdruck auf einen Beispieltext an, markiert jeden Treffer in wechselnden Farben und listet jeden Treffer in einer Tabelle mit seiner Position und allen Erfassungsgruppen auf. Benannte Gruppen wie (?<year>\d{4}) werden mit ihren Namen beschriftet, und Gruppen, die nicht an einem Treffer beteiligt waren, werden als undefined angezeigt, sodass sich optionale Teile eines Musters leicht debuggen lassen. Bewegen Sie die Maus über einen markierten Treffer, um seine Gruppen zu sehen.

    Fügen Sie eine Ersetzung hinzu, um die Ausgabe von String.prototype.replace mit $1, $<name>, $& und den übrigen Ersetzungs-Tokens zu prüfen — ideal für Refactorings mit der Regex-Suche eines Editors oder für Skripte zur Datenbereinigung. Alle acht Flags stehen zur Verfügung: global, ignore case, multiline, dotAll, unicode, unicodeSets, sticky und hasIndices, jeweils mit einer kurzen Erklärung. Das Tool ist nützlich, um Muster für das Parsen von Logs, Validierungs-Snippets für Formulare, Routen-Matching und kleine Extraktionsaufgaben zu prüfen, bevor der Ausdruck in den Code kopiert wird.

    Privater Workflow im Browser

    Die gesamte Verarbeitung erfolgt mit JavaScript im Browser. Das Tool lädt Ihre Texte, Tokens, URLs, Snippets oder erzeugten Werte nicht auf einen Server hoch und erfordert kein Konto. Dieses Datenschutzmodell ist wichtig, denn kleine Hilfsprogramme erhalten bei der Fehlersuche oft echte API-Antworten, Konfigurationsbeispiele, Logs, Authentifizierungsdaten oder kundennahe Beispiele. Lokales Arbeiten verringert das Risiko und fühlt sich sofort an, weil kein Netzwerk-Roundtrip nötig ist.

    Praktische Tipps

    Ohne das g-Flag wird nur der erste Treffer gemeldet, genau wie sich RegExp.exec im Code verhält. Treffer mit der Länge null werden aufgelistet, aber nicht markiert, um verwirrende Ausgaben zu vermeiden. Verwenden Sie das u- oder v-Flag, wenn Ihr Muster Emojis oder Unicode-Eigenschaftsklassen wie \p{…} enthält. Da das RegExp-Verhalten des Browsers hier maßgeblich ist, stimmen die Ergebnisse mit modernem JavaScript und Node.js überein, doch andere Engines wie PCRE, Python und .NET unterscheiden sich in Details wie Lookbehind und der Syntax benannter Gruppen. Muster mit verschachtelten Quantifizierern wie (a+)+ können katastrophal backtracken; wird die Seite langsam, vereinfachen Sie das Muster.

    So verwenden Sie

    1. Muster und Flags eingebenGeben Sie einen JavaScript-Regex ein oder fügen Sie ein /literal/flags ein und aktivieren Sie die benötigten Flags.
    2. Text einfügenFügen Sie Beispieltext hinzu; die Treffer aktualisieren sich beim Tippen.
    3. Treffer prüfen und ersetzenPrüfen Sie die Markierungen und die Gruppentabelle und sehen Sie sich eine Ersetzung in der Vorschau an.

    Häufig gestellte Fragen

    Sollte ich Schrägstriche mit angeben?
    Beides funktioniert. Geben Sie nur das Muster ein oder fügen Sie ein vollständiges Literal wie /\d+/gi ein, und die Flags werden für Sie aktiviert.
    Kann ich Suchen und Ersetzen testen?
    Ja. Tragen Sie bei Replace with etwas ein, um die Ausgabe von String.replace mit $1, $<name>, $& (gesamter Treffer), $` und $' in der Vorschau zu sehen.
    Welche Engine und welche Flags werden verwendet?
    Die JavaScript-RegExp-Engine des Browsers mit allen Flags: g, i, m, s, u, v, y und d. Jedes aktive Flag wird unter den Kontrollkästchen erklärt.
    Wird der Beispieltext hochgeladen?
    Nein. Das Testen erfolgt lokal.