jquery.app
Deutsch
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML-Tools

Kostenlose Regex-Tester und Debugger

Testen Sie reguläre Ausdrücke mit Match-Hervorhebung, Erfassungsgruppen und Ersetzungsvorschau. Die gesamte Verarbeitung erfolgt lokal im Browser.

Tool wird geladen...

Was ist Regex-Tester und Debugger?

Ein browserbasierter Regex-Tester, der JavaScript-RegEx gegen beliebige Texteingaben ausführt. Sehen Sie Live-Matches mit hervorgehobener Ausgabe, inspizieren Sie Erfassungsgruppen und sehen Sie eine Vorschau der Ersetzungsergebnisse. Unterstützt alle JavaScript-Regex-Flags (g, i, m, s, u, y). Es werden keine Daten an einen Server gesendet – der gesamte Abgleich erfolgt lokal.

Kurze Antwort

Schreiben Sie ein JavaScript-Regex-Muster, legen Sie Flags fest und testen Sie es gegen beliebigen Text. Sehen Sie hervorgehobene Übereinstimmungen, Erfassungsgruppen und Ersetzungsvorschauen sofort.

Einschränkungen

  • Verwendet die JavaScript-Regex-Engine – Muster aus Python, PHP oder Go können eine leicht unterschiedliche Syntax oder nicht unterstützte Funktionen aufweisen.
  • Sehr lange Teststrings (über 100 KB) können zu langsamen Abgleichen führen, insbesondere bei komplexen Mustern mit verschachtelten Quantoren.
  • Unterstützt keine Regex-Dialekte aus anderen Sprachen – keine PCRE-spezifischen Funktionen wie rekursive Muster oder possessive Quantoren.

So nutzt du dieses Tool

  1. Geben Sie Ihr reguläres Ausdrucksmuster und alle Flags (g, i, m, s, u, y) ein.
  2. Fügen Sie den Text, den Sie testen möchten, ein oder geben Sie ihn ein.
  3. Überprüfen Sie die hervorgehobenen Übereinstimmungen und Details zu den Erfassungsgruppen.
  4. Geben Sie optional einen Ersetzungstext ein, um eine Vorschau des Ersetzungsergebnisses zu sehen.

Wofür du es nutzen kannst

  • Testen Sie ein Regex-Muster, bevor Sie es in JavaScript-Code einfügen, um sicherzustellen, dass es mit den erwarteten Zeichenfolgen übereinstimmt.
  • Debuggen Sie ein Regex, das nicht wie erwartet funktioniert, indem Sie Erfassungsgruppen und Flags überprüfen.
  • Extrahieren Sie E-Mail-Adressen, URLs oder Telefonnummern aus Text mithilfe von Regex-Mustern mit sofortigem visuellem Feedback.

Anwendungsfalle

Praxisbeispiele

Beispiel

E-Mail-Adressen aus Text extrahieren

Ein Entwickler muss alle E-Mail-Adressen aus einem Dokument extrahieren. Er verwendet das Muster (\\w+@\\w+\\.\\w+) mit dem globalen Flag und sieht alle Übereinstimmungen mit Erfassungsgruppen für Benutzername und Domain hervorgehoben.

Beispiel

Ein URL-Validierungs-Regex testen

Ein QA-Ingenieur möchte ein URL-Regex-Muster überprüfen, bevor er es zur Formularvalidierung hinzufügt. Er testet das Muster https?://[\\w.-]+/\\S* gegen mehrere URLs und überprüft, welche übereinstimmen, und passt das Muster basierend auf den Ergebnissen an.

Haufige Fehler

  • Vergessen, spezielle Regex-Zeichen wie . * + ? [ ] ( ) { } | \\ zu escapen, wenn literaler Text abgeglichen wird.
  • Verwendung des globalen Flags (g) mit test() in JavaScript – test() mit /g erhöht lastIndex und kann abwechselnde Ergebnisse liefern.
  • Erwarten, dass \\d ohne das u-Flag nur ASCII-Ziffern matcht – in einigen Engines matcht \\d auch Unicode-Ziffern.

Überprüfung

  1. Geben Sie ein einfaches Muster wie \\d+ und einen Teststring mit Zahlen ein. Bestätigen Sie, dass die Übereinstimmungen hervorgehoben sind und die Anzahl der Übereinstimmungen korrekt ist.
  2. Testen Sie mit Erfassungsgruppen wie (\\w+)@(\\w+) und überprüfen Sie, ob jede Gruppe separat in der Ausgabe angezeigt wird.

FAQ

Fragen zu Regex-Tester und Debugger

Welche Regex-Engine verwendet dieser Tester?

Dieser Tester verwendet die JavaScript-RegExp-Engine (dieselbe Engine, die in jedem Browser verwendet wird). Muster, die hier funktionieren, funktionieren in Node.js, Chrome, Firefox und jeder JavaScript-Umgebung. Regex aus anderen Sprachen wie Python oder PHP müssen möglicherweise an die JavaScript-Syntax angepasst werden.

Was bedeuten die Regex-Flags?

g = global (alle Übereinstimmungen finden, nicht nur die erste). i = Groß-/Kleinschreibung ignorieren. m = mehrzeilig (^ und $ passen auf Zeilenumbrüche). s = dotAll (. matcht auch Zeilenumbrüche). u = Unicode (Unicode-Funktionen aktivieren). y = sticky (genau an lastIndex matchen). Kombinieren Sie Flags wie 'gi' oder 'gims' nach Bedarf.

Kann ich Lookbehind-Assertions verwenden?

Ja, JavaScript unterstützt Lookbehind-Assertions (?<=...) und negative Lookbehind-Assertions (?<!...) in modernen Browsern (Chrome 62+, Firefox 78+, Safari 16.4+). Diese funktionieren in diesem Tester.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren