jquery.app
Nederlands
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML-tools

Gratis Regex Tester en Debugger

Test reguliere expressies met markering van overeenkomsten, vastleggroepen en vervangingsvoorbeeld. Alle verwerking vindt lokaal plaats in de browser.

Tool laden...

Wat is Regex Tester en Debugger?

Een browsergebaseerde regex-tester die JavaScript-regex uitvoert op elke tekstinvoer. Zie live overeenkomsten met gemarkeerde uitvoer, inspecteer vastleggroepen en bekijk een voorbeeld van vervangingsresultaten. Ondersteunt alle JavaScript-regex-vlaggen (g, i, m, s, u, y). Er worden geen gegevens naar een server verzonden – alle matching gebeurt lokaal.

Snel antwoord

Schrijf een JavaScript-regexpatroon, stel vlaggen in en test het tegen elke tekst. Zie direct gemarkeerde overeenkomsten, vastleggroepen en vervangingsvoorbeelden.

Beperkingen

  • Gebruikt de JavaScript-regex-engine – patronen uit Python, PHP of Go kunnen een iets andere syntaxis of functies hebben die niet worden ondersteund.
  • Zeer lange testreeksen (meer dan 100 KB) kunnen trage matching veroorzaken, vooral bij complexe patronen met geneste kwantoren.
  • Ondersteunt geen regex-dialecten uit andere talen – geen PCRE-specifieke functies zoals recursieve patronen of bezittelijke kwantoren.

Zo gebruik je deze tool

  1. Voer uw patroon voor de reguliere expressie en eventuele vlaggen (g, i, m, s, u, y) in.
  2. Plak of typ de tekst die u wilt testen.
  3. Bekijk de gemarkeerde overeenkomsten en details van vastleggroepen.
  4. Voer optioneel een vervangingstekst in om een voorbeeld van het vervangingsresultaat te bekijken.

Waarvoor je het kunt gebruiken

  • Test een regexpatroon voordat u het aan JavaScript-code toevoegt om te bevestigen dat het overeenkomt met de verwachte tekenreeksen.
  • Debug een regex die niet overeenkomt zoals verwacht door vastleggroepen en vlaggen te inspecteren.
  • Extraheer e-mailadressen, URL's of telefoonnummers uit tekst met behulp van regexpatronen met directe visuele feedback.

Gebruik

Praktische voorbeelden

Voorbeeld

E-mailadressen uit tekst extraheren

Een ontwikkelaar moet alle e-mailadressen uit een document extraheren. Hij gebruikt het patroon (\\w+@\\w+\\.\\w+) met de globale vlag en ziet alle overeenkomsten gemarkeerd met vastleggroepen voor de gebruikersnaam en het domein.

Voorbeeld

Een URL-validatieregex testen

Een QA-ingenieur wil een URL-regexpatroon verifiëren voordat hij het aan formuliervalidatie toevoegt. Hij test het patroon https?://[\\w.-]+/\\S* tegen verschillende URL's en controleert welke overeenkomen, en past het patroon aan op basis van de resultaten.

Veelgemaakte fouten

  • Vergeten om speciale regex-tekens zoals . * + ? [ ] ( ) { } | \\ te escapen bij het matchen van letterlijke tekst.
  • De globale vlag (g) gebruiken met test() in JavaScript – test() met /g verhoogt lastIndex en kan afwisselende resultaten geven.
  • Verwachten dat \\d zonder de u-vlag alleen overeenkomt met ASCII-cijfers – in sommige engines matcht \\d ook met Unicode-cijfers.

Verificatie

  1. Voer een eenvoudig patroon in zoals \\d+ en een testreeks met cijfers. Bevestig dat de overeenkomsten zijn gemarkeerd en dat het aantal overeenkomsten correct is.
  2. Test met vastleggroepen zoals (\\w+)@(\\w+) en controleer of elke groep afzonderlijk in de uitvoer wordt weergegeven.

FAQ

Vragen over Regex Tester en Debugger

Welke regex-engine gebruikt deze tester?

Deze tester gebruikt de JavaScript RegExp-engine (dezelfde engine die in elke browser wordt gebruikt). Patronen die hier werken, werken in Node.js, Chrome, Firefox en elke JavaScript-omgeving. Regex uit andere talen zoals Python of PHP moeten mogelijk worden aangepast aan de JavaScript-syntaxis.

Wat betekenen de regex-vlaggen?

g = globaal (alle overeenkomsten vinden, niet alleen de eerste). i = hoofdletterongevoelig. m = multiline (^ en $ matchen op regelgrenzen). s = dotAll (. matcht ook nieuwe regels). u = unicode (Unicode-functies inschakelen). y = sticky (exact matchen op lastIndex). Combineer vlaggen zoals 'gi' of 'gims' indien nodig.

Kan ik lookbehind-asserties gebruiken?

Ja. JavaScript ondersteunt lookbehind-asserties (?<=...) en negatieve lookbehind-asserties (?<!...) in moderne browsers (Chrome 62+, Firefox 78+, Safari 16.4+). Deze werken in deze tester.

Gerelateerde tools

Meer html-tools

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool

Probeer ook

Probeer ook