Se utilizzi mappe di origine o sourceURL (entrambi trattati nella Guida introduttiva a HTML5 Rocks su Sourcemaps), potresti visualizzare un avviso nella console di Chrome come "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
.
![Screenshot Sourcemapping Devtools](https://developer.chrome.google.cn/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=8&hl=it)
Ecco di cosa si tratta:
Impulso
//@ sourceMappingURL
è stato riscontrato un conflitto con IE ogni volta che è stato trovato nella pagina dopo che //@cc_on
è stato interpretato per attivare la compilazione condizionale nel motore JScript di IE. Una versione precedente dello Shiv HTML5
è un trasgressore particolare.
Modifica delle specifiche
La sintassi //@ sourceMappingURL
è definita nelle specifiche di Sourcemap V3
È stata modificata in modo da utilizzare la sintassi //#
.
sourceURL
Anche //@ sourceURL
è definito nella specifica ed è stato creato in modo che corrisponda alla sintassi //#
per garantire coerenza. Continua per maggiori dettagli su cosa fa sourceURL. È utilizzato dalla minispade di Ember, da concatenate.js di Google e da altri. In Chrome, oltre al codice JS valutato, l'elemento sourceURL
è supportato per gli script e gli stili incorporati.
Implementazione in DevTools del browser = completata.
- Safari Inspector ora supporta
//#
per sourceMappingURL e sourceURL - La modifica di Firebug è arrivata per sourceURL.
- Firefox ha ottenuto la modifica per sourceMappingURL. Il biglietto è qui per sourceURL.
- Chrome DevTools ha ottenuto la modifica per sourceMappingURL e sourceURL. Verrà inoltre visualizzato un avviso sull'utilizzo della sintassi
//@
deprecata.
Anche se queste modifiche si avvicinano alla release stabile, puoi utilizzare entrambe le sintassi contemporaneamente per un supporto completo dello strumento o eseguire la migrazione immediatamente alla sintassi #
, a seconda delle tue esigenze.