La sintassi di sourceMappingURL e sourceURL è stata modificata

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

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.