Risolutore di source map
Source Map Resolver
Riporta una traccia di stack minificata ai file e alle righe originali usando una source map che fornisci tu.
Prende uno stack trace di un bundle minificato e un file `.map`, e dice da quale riga di quale sorgente originale viene ogni frame. Tutto viene decodificato nella scheda: né la mappa né lo stack trace, che spesso nomina i propri percorsi interni, vanno da nessuna parte.
Source map (.map)
Trascina qui un file .map
Letto in questa scheda. Non viene caricato nulla.
Stack trace minificato
names. Il testo sorgente originale compare solo se la map incorpora sourcesContent — una map senza quello conosce le posizioni, non il codice. Le righe di frame che non si riescono a leggere passano invariate.Come si usa
Procurarsi la mappa
O il file `.map` stesso, oppure l’URI `data:` preso da un commento `sourceMappingURL` in fondo al bundle. Si incollano qui tutti e due.
Incollare lo stack trace
Preso di peso da una segnalazione d’errore — tutto quanto, riga `Error:` compresa. I frame che non si riescono ad analizzare passano invariati invece di sparire.
Leggere le posizioni originali
Ogni frame riceve il suo file sorgente, la riga, la colonna e — dove la tabella `names` della mappa ce l’ha — il nome originale della funzione. Un pulsante copia l’intero stack trace rimappato.
Domande frequenti
Perché non viene mostrata nessuna riga di sorgente?
Perché la mappa non incorpora `sourcesContent`. Una mappa che ne è priva sa dove stavano le cose, non che cosa vi era scritto — l’indicatore sotto la mappa dice se la propria ce l’ha. Se serve il codice, va compilato con `sourcemap: true` invece che con un’impostazione a soli percorsi.
Un frame dice «nessuna mappatura in questa posizione».
La colonna di quel frame cade fuori da ogni segmento di mappatura. Di solito vuol dire che la mappa è di una build del file diversa da quella che ha sollevato l’errore: un rilascio che ha spedito codice nuovo con una mappa vecchia, oppure una CDN che serve un bundle in cache.
È sicuro incollare qui una source map di produzione?
Non esce niente dalla scheda: la decodifica VLQ e la ricerca avvengono nel browser. Vale la pena ricordare che una mappa con `sourcesContent` contiene tutto il proprio sorgente originale, quindi dove la si incolla conta in generale, anche se qui non conta.
Quale versione di source map legge?
La v3, l’unica che qualcuno produca. Le index map — la forma con `sections` usata per i bundle molto grandi — non sono supportate; va data invece la mappa di sezione che copre il proprio frame.
Può ricevere da
Formattatore e minificatore JavaScript
JavaScript Beautifier & Minifier
Toglie commenti e spazi da JavaScript o TypeScript senza rinominare niente, e re-indenta un bundle minificato perché torni leggibile.
Formattatore e validatore JSON
JSON Formatter & Validator
Formatta, minifica e valida il JSON, indicando riga e colonna esatte di un errore di sintassi.
Formattatore e validatore YAML
YAML Formatter & Validator
Riporta il YAML a un’indentazione coerente, lo valida e segnala gli errori di tabulazione e di ancora che rompono i parser.
Formattatore e validatore TOML
TOML Formatter & Validator
Formatta e valida il TOML, uniformando l’ordine delle tabelle e lo stile delle tabelle in linea.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Visualizzatore e ripulitore di file HAR
HAR Viewer & Sanitiser
Apre una cattura HAR come diagramma a cascata e toglie cookie, intestazioni di autenticazione e token prima che tu la condivida.
Visualizzatore esadecimale
Hex Viewer
Mostra qualsiasi file come dump di offset, esadecimale e ASCII, riconosce i byte magici ed evidenzia il risultato di una ricerca.
Formattatore e minificatore JavaScript
JavaScript Beautifier & Minifier
Toglie commenti e spazi da JavaScript o TypeScript senza rinominare niente, e re-indenta un bundle minificato perché torni leggibile.
Codificatore e decodificatore Base64
Base64 Encoder & Decoder
Codifica e decodifica in Base64 e Base64URL testo o file, trattando correttamente l’UTF-8.
Da curl a codice
curl to Code
Converte un comando curl in fetch, axios, requests di Python, Go, PHP o PowerShell.
Hash di un testo
Text Hash
Calcola MD5, SHA-1, SHA-256, SHA-384, SHA-512 e CRC-32 di una stringa, con uscita in maiuscolo o in Base64.