Alert su problemi e soglie
Configura regole di alert RUM per problemi nuovi, ricomparsi e in forte aumento, oppure per soglie, e scegli i tuoi canali di notifica Site Qwality esistenti.
Error tracking
Ogni errore front-end.
Ogni errore front-end.
Raggruppato. Spiegato.
Gli errori JavaScript vengono catturati automaticamente, suddivisi in gruppi per impronta digitale e arricchiti con stack trace decodificati tramite source map. Se la sessione è stata registrata, un errore porta al suo replay, così puoi ricostruire ciò che ha visto l’utente.
Free tier included
No credit card
2-minute setup
Smetti di smistare il rumore. Risolvi ciò che conta.
I conteggi grezzi degli errori sono privi di significato. Site Qwality crea un'impronta digitale degli errori a partire da messaggio e stack frame, raggruppa automaticamente i duplicati e mette in evidenza gli errori che colpiscono il maggior numero di sessioni, così sai sempre esattamente dove guardare.
Raggruppamento automatico degli errori
Gli errori vengono identificati tramite messaggio e stack frame, così le occorrenze ripetute dello stesso bug confluiscono in un unico gruppo su cui agire.
Stack trace decodificati con source map
Carica source map con Debug ID per recuperare file, funzioni e righe originali. Aprendo una occorrenza puoi risolverla anche se la mappa è stata caricata in seguito.
Sessioni colpite per gruppo
Ogni gruppo di errori mostra i suoi eventi, le sessioni colpite e gli utenti identificati che ci sono dietro, così puoi dare priorità in base all'impatto reale.
Link al session replay con un clic
Quando un replay è disponibile per una occorrenza acquisita, apri la sessione registrata collegata direttamente dal problema.
Grafici di trend degli errori
Monitora il volume degli errori nel tempo per individuare immediatamente le regressioni dopo un deploy o un aumento del traffico.
Rumore dei browser filtrato
Gli avvisi di loop di ResizeObserver, i messaggi opachi "Script error." e gli errori delle estensioni del browser vengono scartati prima di raggiungere i tuoi gruppi o la tua quota.
De-offuscamento tramite source map
Le trace minificate non
Le trace minificate non
dicono nulla.
Carica le source map corrispondenti dalla CI per recuperare moduli, funzioni e righe originali. I Debug ID collegano ogni errore alla build esatta, anche quando la mappa viene caricata dopo.
- I Debug ID deterministici identificano il JavaScript esatto generato
- Upload in batch con conferma prima della rimozione opzionale delle mappe locali
- Le source map restano private; le credenziali CI non entrano mai nel bundle del browser
TypeError: Cannot read properties of null InvestigatingLIVE
OCCURRENCES · 24H241
SESSIONS HIT89
FIRST SEEN2h ago
checkout.js:142241ms
cart.js:89178ms
Button.jsx:23134ms
router.js:5572ms
Carica le source map
Una build.
Una build.
Il bundle esatto.
Inserisci Debug ID e carica source map private con @siteqwality/cli, oppure usa gli adattatori per Vite, webpack, Rollup ed esbuild. Pubblica esattamente i file elaborati. Le mappe confermate possono risolvere anche occorrenze precedenti quando le apri.
- I Debug ID deterministici identificano il JavaScript esatto generato
- Upload in batch con conferma prima della rimozione opzionale delle mappe locali
- Le source map restano private; le credenziali CI non entrano mai nel bundle del browser
CI: Debug IDs + private source mapsnpm install --save-dev @siteqwality/cli@0.1.0
npx siteqwality sourcemaps inject ./dist
npx siteqwality sourcemaps upload ./dist --delete-after
npx siteqwality sourcemaps inject ./dist
npx siteqwality sourcemaps upload ./dist --delete-after
1-click
da un errore al suo replay, se la sessione è stata registrata
auto
acquisizione degli errori non gestiti quando la raccolta SDK è attiva
auto
simbolicazione quando apri una occorrenza
$0
piano gratuito, error tracking incluso con RUM
FAQ
No. Lo script RUM di Site Qwality cattura automaticamente le eccezioni JavaScript non gestite e i rifiuti di Promise non gestiti, e filtra il rumore noto dei browser come gli avvisi di loop di ResizeObserver e gli errori delle estensioni del browser. Non è necessario avvolgere il codice né chiamare manualmente alcuna funzione di error reporting.
Gli errori vengono raggruppati per messaggio e stack frame. Senza source map, uno stesso bug può dividersi tra browser o release diversi.
Usa @siteqwality/cli per inserire Debug ID nei file della build, poi carica e conferma le mappe dalla CI. Gli adattatori per Vite, webpack, Rollup ed esbuild automatizzano questi passaggi. I Debug ID richiedono un SDK browser compatibile; resta disponibile la corrispondenza tramite release e nome del file. Consulta la guida alle source map.
Configura regole di alert RUM per problemi nuovi, ricomparsi e in forte aumento, oppure per soglie, e scegli i tuoi canali di notifica Site Qwality esistenti. Configura gli alert sugli errori.
Sì. Error tracking, raggruppamento e source map fanno parte del Real User Monitoring su ogni piano. Il piano gratuito include 1.000 sessioni Observe e 100 sessioni Analyze al mese. Il rumore dei browser filtrato non viene mai conteggiato. La guida SDK e fatturazione spiega come viene conteggiato l'utilizzo di Observe, Analyze e Replay durante il rilascio dell'SDK.
Related features
Inizia gratis. Nessuna carta di credito.
Uptime, cron, synthetic, log, RUM, incidenti e pagine di stato. Piano gratuito su ogni prodotto.