Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Suggerimenti per DevTools: che cosa sono le mappe di origine?
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Le mappe sorgente ti consentono di mantenere il codice leggibile e di eseguire il debug anche dopo averlo combinato e minimizzato, senza influire sulle prestazioni.
Quando utilizzi vari transpiler, minificatori e bundler, il codice di cui esegui il deployment è diverso da quello che scrivi. Per migliorare le prestazioni della rete, questi strumenti comprimono il codice in una singola riga, rimuovono i caratteri non necessari e accorciano le variabili.
Molti strumenti possono generare mappe sorgente da associare al codice.
Chrome DevTools legge sia il codice di cui è stato eseguito il deployment sia le mappe di origine e ti consente di eseguire il debug del codice come faresti normalmente, anche con i breakpoints.
Per comprendere meglio il funzionamento delle mappe di origine, consulta il visualizzatore delle mappe di origine.
Inoltre, le mappe di origine possono avere estensioni. Se sviluppi strumenti e framework, valuta la possibilità di supportarli. Consulta questo case study: Miglioramento del debug di Angular con DevTools, in cui il team di DevTools e Angular ha migliorato l'esperienza di debug in DevTools supportando l'estensione x_google_ignoreList.
Per scoprire di più, consulta:
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2023-03-31 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2023-03-31 UTC."],[],[]]
