How does the regex debugger highlight matches?
After you enter a pattern and text, matched spans are highlighted in the test area with emphasis styling.
DevTools Regex Debugger tests regular expressions locally in your browser with real-time match highlighting, capture groups, and match indices—supports g/i/m/s/u/y flags.
Enter a regex and test text to highlight matches in real time, view capture groups, and inspect match indices.
Order date 2024-06-15, ship date 2024-06-18, amount 299.00
2 matches · /\d{4}-\d{2}-\d{2}/g
#1 "2024-06-15" @ index 11
#2 "2024-06-18" @ index 33
Tip: use named captures like (?<date>YYYY-MM-DD) to see named groups. The g flag lists all matches.
Enter a pattern and test text. Matches are highlighted; capture groups and indices are listed—ideal for writing and debugging complex regex.
After you enter a pattern and text, matched spans are highlighted in the test area with emphasis styling.
Yes. With (?<name>...) syntax, named groups appear separately in the match list with their values.
Regex Generator provides preset patterns for Email, URL, UUID, and more. Regex Debugger tests any custom pattern with visual highlighting and group details.
No. Matching runs locally in your browser.
Convert between common formats: CSV/JSON, YAML/JSON, TOML/JSON, Markdown/HTML, timestamps, image Base64, text encodings, and number bases.
Full JSON toolkit: format, validate, minify, convert to CSV/XML, diff, generate and validate Schema, JSONPath, and tree view—all processed locally in the browser.
Upload a logo, preview browser and Google search results, configure iOS/Android icons, and generate a complete favicon package in one click.
Base64, JWT, SHA256, MD5, HMAC, Bcrypt, RSA keys, SSL certificates, and password strength—common encoding and security text utilities.