Visualizzatore Regex
Visualizza i pattern regex come Diagrammi Ferroviari.
Evidenziazione in tempo reale delle corrispondenze sulle stringhe di test.
🔒Le regex e le stringhe di test non vengono mai inviate a nessun server. * Nota: il Diagramma Ferroviario utilizza Regulex (CDN).
Potrebbe piacerti anche
Informazioni
Uno strumento per sviluppatori che esegue il rendering delle espressioni regolari come diagrammi ferroviari (diagrammi di sintassi) e mostra i risultati delle corrispondenze in tempo reale. L'esistente regex-checker supporta solo il test dei pattern. Questo strumento è progettato specificamente per visualizzare la struttura delle regex — una funzionalità completamente separata.
Come Usare
Inserisci una Regex
Digita un pattern e imposta i flag. Prova i pulsanti di esempio per iniziare.
Leggi il Diagramma
Il diagramma ferroviario visualizza la struttura della regex come un flusso di percorso.
Testa ed Esporta
Inserisci una stringa di test per vedere le corrispondenze dal vivo, poi esporta il diagramma SVG.
Glossario
- Espressione Regolare (Regex)
- Un linguaggio formale per descrivere pattern di testo. In JavaScript, si scrive come /pattern/flag.
- Diagramma Ferroviario (Railroad Diagram)
- Una rappresentazione visiva di sintassi/grammatica. Mostra ramificazioni, ripetizioni e sequenze come un percorso orientato.
- Gruppo di Cattura
- Parentesi () che catturano il testo corrispondente per backreference o sostituzione tramite $1, $2, ecc.
- Quantificatore
- Specifica la ripetizione: * (0 o più), + (1 o più), ? (0 o 1), {n,m} (da n a m volte).
- Classe di Caratteri
- [ ] corrisponde a qualsiasi carattere elencato. [a-z] = minuscolo, [^0-9] = non cifra.
- Lookahead / Lookbehind
- (?=...) e (?<=...) asseriscono condizioni davanti o dietro la corrispondenza senza consumare caratteri.
- Flag (g/i/m/s/u)
- g=globale, i=ignora maiuscole, m=multilinea, s=dotAll, u=modalità Unicode.
FAQ
- Q.In che modo questo strumento è diverso da regex-checker?
- regex-checker si concentra sul test e sulla visualizzazione delle corrispondenze. La caratteristica principale di questo strumento è la visualizzazione del diagramma ferroviario (Railroad Diagram).
- Q.Quale sintassi regex è supportata?
- Sintassi regex di JavaScript ES2024, inclusi lookahead, lookbehind e gruppi di cattura con nome.
- Q.I miei dati vengono inviati a un server?
- No. Tutta l’elaborazione avviene localmente nel tuo browser.
- Q.Ci sono rischi di ReDoS?
- Pattern con backtracking catastrofico potrebbero rallentare il browser. Fai dei test con stringhe piccole prima.
- Q.Richiede internet?
- La libreria per il diagramma ferroviario viene caricata da CDN. La funzionalità di test delle corrispondenze funziona offline.
Casi d'Uso
Apprendimento Regex
Comprendi pattern complessi visivamente vedendone la struttura come un diagramma.
Debug dei Pattern
Verifica che un pattern sia strutturato come previsto prima di usarlo nel codice di produzione.
Documentazione di Squadra
Condividi diagrammi SVG in pull request o documenti tecnici per spiegare la logica delle regex.
Diagrammi per Spec API
Incorpora diagrammi SVG nei documenti di specifica per maggiore chiarezza.
Invia feedback
Facci sapere la tua opinione per aiutarci a migliorare lo strumento.
Il feedback è temporaneamente sospeso
Il server è occupato o la protezione antispam è attiva. Riprova più tardi.