Testen Sie Muster live mit dem Regex-Tester — Treffer-Indizes, Gruppen und Flags, alles im Browser.
Warum Regex im Browser testen
Regexe kommen bei Eingabevalidierung, Log-Parsing und CI-Pipelines vor. Wenn eines nicht funktioniert, ist der schnellste Weg zum Verständnis, die Treffer gegen reale Eingaben zu sehen.
Online-Regex-Tools senden Ihr Muster und Ihren Testtext an ihre Server. Bei Logs, Konfigurationen oder Test-Fixtures mit sensiblen Werten ist das ein unnötiges Leck. Ein Client-seitiger Tester verwendet dieselbe JavaScript-RegExp-Engine lokal.
Der Tester dieser Seite nutzt die native RegExp-Engine, sodass das Verhalten exakt dem von Node.js und dem Browser entspricht.
Die Flags, die alles ändern
Flags verändern die Matching-Semantik auf leicht übersehbare Weise:
g liefert alle Treffer statt nur den ersten. i ignoriert Groß-/Kleinschreibung. m lässt ^ und $ an Zeilengrenzen matchen. s lässt . Zeilenumbrüche matchen. u aktiviert Unicode-bewusstes Matching, sodass \p{L} und astralen Zeichen korrekt funktionieren.
- g: jeden Treffer finden, nicht nur den ersten
- i: Groß-/Kleinschreibung ignorieren
- m: ^ und $ matchen am Anfang und Ende jeder Zeile
- s: Punkt matcht Zeilenumbruchzeichen
- u: Unicode-Modus für \p{...}-Eigenschaften und astrale Codepunkte
Gruppen: nur erfassen, was Sie wirklich brauchen
Klammern erfassen Gruppen für die spätere Verwendung. Nummerierte Gruppen werden der Reihe nach vergeben; benannte Gruppen wie (?<year>\d{4}) machen die Extraktion lesbar.
Nicht-erfassende Gruppen (?:...) gruppieren ohne Erfassung. Verwenden Sie sie, wenn Sie nur Alternation oder Quantoren auf einen Block anwenden müssen, um die Gruppennummern nicht zu verschieben.
Der Tester zeigt jede Gruppe pro Treffer, benannt oder nummeriert, sodass Sie die Extraktion prüfen können, bevor Sie sie in Code schreiben.
Lookarounds und Anker
Lookahead (?=...) setzt voraus, was folgt, ohne es zu verbrauchen; negatives Lookahead (?!...) setzt voraus, was nicht folgt. Lookbehind (?<=...) und negatives Lookbehind (?<!...) tun dasselbe für das, was dem Treffer vorausgeht.
Anker ^ und $ fixieren den Treffer an der Zeichenkette (oder Zeile, mit m). Wortgrenze \b matcht zwischen einem Wortzeichen und einem Nicht-Wortzeichen.
Halten Sie Lookarounds einfach. Verschachtelte Lookarounds und schwere Alternation darin machen Muster unlesbar und langsam.
Warnung: Vermeiden Sie bei nicht vertrauenswürdigen Eingaben verschachtelte Quantoren wie (a+)+ oder Muster mit mehrdeutiger Alternation. Sie können katastrophales Backtracking auslösen und Ihre Anwendung aufhängen.
Ein sicherer Regex-Arbeitsablauf
- Öffnen Sie den Regex-Tester in Ihrem Browser.
- Fügen Sie das Muster ein und wählen Sie die Flags, die Ihre Laufzeit verwendet.
- Fügen Sie eine kleine Stichprobe hinzu, die die reale Eingabe einschließlich Randfällen repräsentiert.
- Lesen Sie die Treffer und Gruppen; wenn die Extraktion falsch ist, korrigieren Sie das Muster, bevor Sie Code anfassen.
- Kopieren Sie das verifizierte Muster in Ihren Code und behalten Sie dieselben Flags.
FAQ
Q.Wird mein Muster beim Testen hochgeladen?
A.Nein. Der Tester läuft vollständig in Ihrem Browser mit der nativen RegExp-Engine. Ihr Muster und Testtext verlassen nie Ihr Gerät.
Q.Welche Regex-Variante verwendet dieses Tool?
A.Das native RegExp von JavaScript, dieselbe Engine wie Node.js und moderne Browser. Wenn Ihr Code auf dieser Engine läuft, ist das Verhalten exakt gleich.
Q.Warum hängt mein Muster oder läuft langsam?
A.Katastrophales Backtracking, meist durch verschachtelte Quantoren wie (a+)+ oder lange Alternationen auf großen Eingaben. Vereinfachen Sie das Muster, fügen Sie Anker hinzu und testen Sie mit realistischen Eingabegrößen.
Q.Wie matche ich Nicht-ASCII-Zeichen?
A.Verwenden Sie das u-Flag und Unicode-Eigenschafts-Escapes wie \p{L} für Buchstaben oder \p{Script=Greek}. Ohne u behandelt JS das Muster als UTF-16-Codeeinheiten, und astrale Zeichen können das Matching brechen.
Referenzen
Dieser Leitfaden basiert auf der JavaScript-Sprachspezifikation und gängiger Regex-Praxis:
- MDN – Reguläre Ausdrücke: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions
- ECMAScript-Sprachspezifikation – RegExp: https://tc39.es/ecma262/#sec-regexp-regular-expression-objects
- OWASP – ReDoS (Regular Expression Denial of Service): https://owasp.org/www-community/attacks/Regular_expression_Denial_of_Service_-_ReDoS
Jetzt ein Muster testen
Live-Treffer, Indizes und Gruppen — komplett in Ihrem Browser.
Lesen Sie die Treffer, bevor Sie das Muster umschreiben
Die meisten Regex-Bugs sind in der Ausgabe sichtbar: ein fehlendes Flag, ein zusätzlicher gieriger Quantor oder eine Gruppe an falscher Stelle. Lokales Testen zeigt alles, ohne Ihre Eingabe weiterzugeben.
Führen Sie Ihre Muster durch den Regex-Tester, behalten Sie die Flags im Code identisch und testen Sie Randfälle vor dem Deployment.