JPKCom DB

Regex Debugger

Was der Regex Debugger kann: Muster live testen, ersetzen und splitten, in Worten erklären lassen und als JavaScript-, PHP- oder Python-Code exportieren.

Reguläre Ausdrücke ohne Rätselraten

Reguläre Ausdrücke sind mächtig, aber unbarmherzig: Ein falsch gesetztes Zeichen, und das Muster trifft nichts mehr — oder plötzlich zu viel. Der Regex Debugger nimmt dir das Raten ab. Du tippst dein Regex-Muster in das eine Feld und deinen Test-Text in das andere, und das Tool zeigt dir sofort, was getroffen wird: jeden Treffer im Text farbig hervorgehoben, die Capture-Gruppen farbig unterstrichen und zusätzlich alles als Liste mit Position und Gruppenwerten. Darüber hinaus probierst du im selben Fenster Ersetzungen und Splits aus, lässt dir das Muster in Worten erklären und exportierst es als fertigen Code für JavaScript, PHP oder Python.

Es gibt keinen „Run"-Knopf, auf den du warten musst — die Auswertung läuft in Echtzeit mit jeder Eingabe (Enter im Musterfeld stößt sie zusätzlich sofort an). Tippst du am Muster, springen die Treffer mit. Genau dieses unmittelbare Feedback macht den Unterschied: Du siehst beim Bauen, ob \d{3} greift, ob deine Capture-Gruppe das Richtige einfängt und an welcher Stelle dein Muster zu gierig wird.

Gedacht ist das Tool für alle, die mit Mustern arbeiten: Entwicklerinnen und Entwickler, die schnell einen Ausdruck für Validierung, Suche oder Ersetzung bauen und testen wollen; Admins und DevOps, die Log-Zeilen oder Konfig-Werte zerlegen; und alle, die regex gerade lernen und ein sichtbares Gegenüber brauchen, statt im Kopf zu simulieren. Alles läuft im Browser, ohne Account und ohne Installation — und weil das Matching in einem eigenen Hintergrund-Thread mit Zeitlimit läuft, friert dir auch ein entgleistes Muster den Tab nicht ein.

Was das Tool kann — auf einen Blick

Die Oberfläche ist zweispaltig: links Muster, Test-Text und die Ergebnis-Tabs, rechts ein klickbares Cheat-Sheet. Im Detail:

  • Pattern — der Editor für dein Regex-Muster, mit Syntax-Highlighting und Klammer-Matching. Die Schrägstriche stehen fest drumherum, die Flags wählst du separat. Fügst du ein komplettes Literal wie /\d+/gi ein, zerlegt das Tool es automatisch in Muster und Flags.
  • Flags — acht Umschalter: g, i, m, s, u, v, y und d. g (global, alle Treffer) ist standardmäßig aktiv; u und v schließen sich gegenseitig aus.
  • Library — 17 fertige Muster (E-Mail, URL, IPv4/IPv6, Datum, Uhrzeit, UUID, Semantic Version, Markdown-Link u. a.), jeweils mit passendem Test-Text und teils mit Ersetzung.
  • Test String — das Eingabefeld für den Text, gegen den dein Muster läuft. Mehrzeilig, mit Zeilennummern. Treffer sind farbig hinterlegt (vier rotierende Farben), Capture-Gruppen farbig unterstrichen.
  • Matches — die Trefferliste: ein Zähler („N matches"), und pro Treffer der gefundene Text, seine Position und alle Capture-Gruppen, benannte mit Namen. Ein Klick auf einen Treffer markiert ihn im Test-Text.
  • Replace — Vorschau von String.replace() mit $1, $<name>, $& und Co., Ergebnis kopierbar.
  • Split — das Ergebnis von text.split(regex) als nummerierte Liste.
  • Explain — dein Muster Baustein für Baustein in einfachem Englisch erklärt.
  • Code — fertiger Code für JavaScript, PHP (PCRE) und Python (re), inklusive Hinweisen, wo sich die Engines unterscheiden.
  • Copy, Share, Clear — Muster als /muster/flags kopieren, einen Share-Link mit Muster, Flags, Test-Text und Ersetzung erzeugen, Muster und Test-Text leeren.
  • Fehler und Timeout — ein ungültiger Ausdruck zeigt die Original-Fehlermeldung der Engine; ein Muster, das länger als 1,5 Sekunden rechnet, wird abgebrochen, mit einem Hinweis auf katastrophales Backtracking.
  • Cheat Sheet — ein aufklappbares Nachschlagewerk (Characters, Quantifiers, Groups, Anchors, Lookaround, Character Classes, Unicode, Replacement, Flags). Ein Klick fügt den Baustein ins Muster oder ins Ersetzungsfeld ein bzw. schaltet das Flag um.

Dein Arbeitsstand — Muster, Flags, Test-Text, Ersetzung und der offene Tab — bleibt lokal im Browser gespeichert und ist nach einem Reload wieder da (nur wenn alle Flags aus sind, startet das Tool wieder mit g).

Welche Engine: natives JavaScript

Wichtig für faktentreues Arbeiten: Der Debugger nutzt die native JavaScript-RegExp-API deines Browsers — nicht PCRE, nicht die Python- oder die .NET-Variante. Dein Muster wird intern als new RegExp(muster, flags) ausgewertet. Das hat zwei Konsequenzen:

  • Du testest exakt die Engine, die später in deinem JavaScript-, Node.js- oder TypeScript-Code läuft. Was hier trifft, trifft dort genauso.
  • Du musst die JavaScript-Grenzen kennen: verfügbar sind die acht Flags g/i/m/s/u/v/y/d, benannte Gruppen ((?<name>…)), Lookahead und Lookbehind. PCRE-Spezialitäten wie atomare Gruppen, possessive Quantoren, Rekursion oder POSIX-Klassen ([[:alpha:]]) gibt es nicht. Brauchst du das Muster in PHP oder Python, übersetzt es der Tab Code und weist dich auf die Stellen hin, an denen sich die Engines unterscheiden. Mehr dazu im Manual und in den Tipps.

Jetzt ausprobieren

→ Regex Debugger öffnen — Muster tippen, Test-Text einfügen, Treffer live mitlesen. Ohne Account, kostenlos, direkt im Browser. Beim ersten Aufruf startet das Tool mit einem fertigen Beispiel ((?<word>\w+) auf einem kurzen Satz, dazu die Ersetzung [$<word>]), an dem du sofort sehen kannst, wie Treffer, Position und benannte Gruppe dargestellt werden. Danach öffnet es mit deinem zuletzt gespeicherten Stand — oder du greifst in die Library.

Verwandte JPKCom-Tools

Regex ist selten Selbstzweck — meistens steckt es in einem größeren Text- oder Code-Workflow:

  • Coder — kodiert und dekodiert HTML-Entities, URLs, Base64, JWT und Data-URIs; praktisch, bevor oder nachdem du Strings mit regex zerlegst.
  • Source Viewer — zeigt und highlightet Quelltext in über 100 Sprachen; gut, um die Stelle zu finden, auf die dein Muster zielen soll.
  • JSON Editor — formatiert und validiert JSON; oft die sauberere Wahl als ein Regex, wenn du strukturierte Daten auseinandernehmen willst.
  • Beautify — formatiert JavaScript, CSS und HTML; hilft, einen langen String erst lesbar zu machen, bevor du ein Muster darauf ansetzt.

Tiefer geht es auf den Unterseiten: das Manual mit jeder Funktion und den Engine-Grenzen im Detail, Beispiele mit lauffähigen Durchläufen und gesammelte Tipps & Tricks.