Regex-Tester Online

Regex-Tester für JavaScript: sieh Live-Treffer, Erfassungsgruppen und Flags beim Tippen hervorgehoben.

Dein Muster und Teststring werden lokal in deinem Browser ausgewertet und nichts wird auf einen Server hochgeladen.

Entwickelt und gepflegt von Udit Agarwal

Regular Expressions (Regex), Explained

Vergleichst du stattdessen zwei Strings? Probiere das Text-Diff-Tool.

Über Regex-Tester

Mit diesem Regex-Tester kannst du reguläre JavaScript-Ausdrücke live erstellen und debuggen, wobei jeder Treffer im Beispieltext hervorgehoben wird, sobald du tippst. Als Online-Regex-Tester zeigt er Erfassungsgruppen, benannte Gruppen und den Startindex jedes Treffers, sodass du präzise siehst, was ein Muster erfasst. Schalte die Flags i, m, s und u um, um reguläre Ausdrücke unter verschiedenen Bedingungen zu testen, ohne sie neu zu schreiben; gesucht wird immer global, daher wird jeder Treffer aufgelistet. Er nutzt dieselbe RegExp-Engine, die dein Browser mitbringt, sodass die Ergebnisse dem entsprechen, was dein JavaScript-Code zur Laufzeit tatsächlich tut. Nützlich für Entwickler, die Validierungen schreiben, QA-Ingenieure, die Parsing-Regeln prüfen, und alle, die Regexp lernen. Alles läuft lokal in deinem Browser, sodass deine Muster und Testdaten dein Gerät nie verlassen.

Funktionen

  • Hebt jeden Treffer in deinem Teststring live beim Tippen des Musters hervor
  • Zeigt nummerierte Erfassungsgruppen und benannte Gruppen für jeden Treffer
  • Meldet den Startindex jedes Treffers, fortlaufend nummeriert
  • Schalte die Flags i, m, s und u einzeln um; gesucht wird immer global
  • Nutzt die native JavaScript-RegExp-Engine des Browsers für genaue Ergebnisse
  • Zeigt Muster-Syntaxfehler auf, damit du ungültige Ausdrücke schnell beheben kannst
  • Verarbeitet Muster und Testtext vollständig in deinem Browser

So verwendest du Regex-Tester

  1. Tippe oder füge deinen regulären Ausdruck in das Musterfeld ein.
  2. Schalte die benötigten Flags (i, m, s, u) neben dem Muster um.
  3. Füge deinen Beispieltext in das Teststring-Feld ein.
  4. Lies die hervorgehobenen Treffer, Erfassungsgruppen und Positionen im Ergebnisbereich.

Beispiel

Eingabe

Pattern: (\w+)@(\w+)\.com  Flags: g
Text: contact alice@example.com or bob@test.com

Ausgabe

Match 1: alice@example.com  group1=alice  group2=example
Match 2: bob@test.com  group1=bob  group2=test

Zwei Treffer mit Erfassungsgruppen, extrahiert aus jeder E-Mail.

Häufige Fehler & Fehlerbehebung

  • Auch mit ausgeschaltetem g-Flag werden alle Treffer aufgelistet. — Der Tester sucht immer global, damit du jeden Treffer siehst. In deinem eigenen Code hält ein Regex ohne g mit exec() oder match() beim ersten Treffer an, also ergänze dort g, wenn du alle brauchst.
  • Ein groß-/kleinschreibungssensibles Muster verfehlt Wörter wie 'Error' vs 'error'. — Aktiviere das i-Flag (Groß-/Kleinschreibung ignorieren), damit das Muster unabhängig von der Schreibweise passt.
  • Ein Punkt (.) erfasst keine Zeilenumbruchzeichen in mehrzeiligem Text. — Aktiviere das s-Flag (dotall), damit . auch Zeilenumbrüche erfasst.
  • ^ und $ verankern nur am gesamten String, nicht an jeder Zeile. — Aktiviere das m-Flag (multiline), um am Anfang und Ende jeder Zeile zu verankern.
  • Benannte Gruppen oder Unicode-Property-Escapes (\p{...}) werfen einen Fehler. — Aktiviere das u-Flag (unicode), das für \p{...}-Escapes und strikte Unicode-Behandlung erforderlich ist.
  • Das Musterfeld zeigt einen Syntaxfehler. — Prüfe auf unausgeglichene Klammern und maskiere wörtliche Sonderzeichen wie . oder ( mit einem Backslash.

Häufig gestellte Fragen

Was ist ein Regex-Tester?
Ein Regex-Tester führt einen regulären Ausdruck gegen Beispieltext aus und zeigt dir in Echtzeit, was er erfasst. ArrayKits Regex-Tester hebt jeden Treffer hervor, listet Erfassungsgruppen auf und meldet jede Trefferposition, sodass du Muster visuell debuggen kannst.
Welche Regex-Variante verwendet der Regex-Tester?
JavaScript — er nutzt dieselbe RegExp-Engine, die dein Browser ausführt, sodass die Treffer genau dem Verhalten deines JS-Codes entsprechen.
Wie teste ich Erfassungsgruppen im Regex-Tester?
Setze Teile deines Musters in Klammern und führe es gegen deinen Text aus. Jeder Treffer listet seine nummerierten Erfassungsgruppen und benannte Gruppen zusammen mit dem Index auf, an dem der Treffer beginnt.
Welche Flags kann ich im Regex-Tester umschalten?
Du kannst i (Groß-/Kleinschreibung ignorieren), m (multiline), s (dotall) und u (unicode) unabhängig ein- oder ausschalten, um reguläre Ausdrücke unter verschiedenen Bedingungen zu testen. Es gibt auch eine g-Taste (global), doch gesucht wird immer global, sodass in jedem Fall alle Treffer aufgelistet werden.
Kann der Regex-Tester mehrzeiligen Text verarbeiten?
Ja. Füge mehrzeilige Eingaben ein und aktiviere das m-Flag, um ^ und $ pro Zeile zu verankern, oder das s-Flag, damit . Zeilenumbrüche überspannt.
Werden meine Muster und Testdaten irgendwohin gesendet?
Nein. Der Regex-Tester wertet alles lokal in deinem Browser aus, sodass deine Muster und dein Beispieltext dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.

Verwandte Tools

Weitere Code-Formatierer-Tools

  • CSS-Farbkonverter — Konvertiere zwischen HEX, RGB und HSL mit Live-Farbmuster.
  • Text vergleichen — Vergleiche zwei Texte Zeile für Zeile und sieh Hinzufügungen und Löschungen.
  • MDX-Konverter — Rendere MDX als Text, konvertiere HTML → MDX und escape Text zu MDX-Literalen.
  • CSS-/SCSS-Formatierer — Verschönere oder minimiere CSS/SCSS/LESS, sortiere Eigenschaften und entferne Duplikate.
  • JS-/TS-Formatierer — Verschönere JavaScript, TypeScript und JSX/TSX mit Prettier-Optionen oder minimiere reines JavaScript.
  • HTML-Formatierer — Verschönere oder minimiere HTML, formatiere eingebettetes CSS/JS und zeige eine Vorschau.
  • XML-Formatierer — Verschönere, minimiere und validiere XML und konvertiere XML ↔ JSON.
  • SQL-Formatierer — Formatiere SQL für MySQL, PostgreSQL, SQL Server, SQLite, BigQuery und Oracle.
  • GraphQL-Formatierer — Formatiere oder minimiere GraphQL-Abfragen und -Schemas, validiere die Syntax und extrahiere Operationen.
  • Dockerfile-Formatierer — Formatiere ein Dockerfile und erhalte Best-Practice- und Lint-Hinweise.
  • MongoDB-Query-Formatierer — Formatiere MongoDB-Shell-Abfragen und Aggregations-Pipelines.
  • Kontrast-Checker — Prüfe das WCAG-Kontrastverhältnis und ob AA/AAA zwischen zwei Farben bestanden wird.

Alle Code-Formatierer-Tools ansehen (32) · Alle Tools