JPKCom DB

Regex Debugger

Was der Regex Debugger kann, für wen er gedacht ist und wie er Muster live testet — der Einstieg zu Manual, Beispielen und Tipps.

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 und zusätzlich als Liste mit Position und allen Capture-Gruppen.

Es gibt keinen „Run"-Knopf, auf den du warten musst — die Auswertung läuft in Echtzeit mit jeder Eingabe. 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.

Was das Tool kann — auf einen Blick

Die Oberfläche ist zweispaltig: links Muster, Test-Text und Treffer, rechts ein eingebautes Cheat-Sheet. Im Detail:

  • Pattern — der Editor für dein Regex-Muster. Das ist der reine Ausdruck, ohne die Schrägstriche drumherum; die Flags wählst du separat.
  • Flags — sechs Umschalter für g, i, m, s, u und y. g (global, alle Treffer) ist standardmäßig aktiv.
  • Test String — das Eingabefeld für den Text, gegen den dein Muster läuft. Mehrzeilig, mit Zeilennummern.
  • Matches — die Trefferliste: ein Zähler („N matches"), und pro Treffer der gefundene Text, seine Position im String und alle nummerierten sowie benannten Capture-Gruppen.
  • Highlighting — jeder Treffer wird zusätzlich direkt im Test-Text farbig markiert (vier rotierende Farben, damit aufeinanderfolgende Treffer auseinanderzuhalten sind).
  • Copy pattern — kopiert dein Muster samt Flags im Literal-Format /muster/flags in die Zwischenablage.
  • Clear all — leert beide Editoren und setzt die Flags auf den Standard (g) zurück.
  • Fehleranzeige — ist dein Ausdruck syntaktisch ungültig, erscheint die Original-Fehlermeldung der Engine statt einer Trefferliste.
  • Cheat Sheet — ein aufklappbares Nachschlagewerk (Characters, Quantifiers, Groups, Anchors, Lookaround, Character Classes, Flags) direkt neben dem Editor.

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 sechs Flags g/i/m/s/u/y, benannte Gruppen ((?<name>…)), Lookahead und Lookbehind. PCRE-Spezialitäten wie atomare Gruppen, possessive Quantoren, Rekursion oder POSIX-Klassen ([[:alpha:]]) gibt es nicht. 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. Das Tool startet mit einem fertigen Beispiel ((?<word>\w+) auf einem kurzen Satz), an dem du sofort sehen kannst, wie Treffer, Position und benannte Gruppe dargestellt werden.

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.