Se você usa mapas de origem ou sourceURL (ambos abrangidos no HTML5 Rocks Primer nos Sourcemaps), talvez receba um aviso no console do Chrome, como "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
.
![Captura de tela do Devtools de mapeamento de origem](https://developer.chrome.com/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=6&hl=pt)
Do que ela se trata:
Impulso
O //@ sourceMappingURL
foi identificado como um conflito com o IE sempre que era
encontrado na página após //@cc_on
ser interpretado para ativar a compilação condicional
no mecanismo JScript do IE. Uma versão legada do Shiv HTML5 é um
infrator específico aqui.
Alteração na especificação
A sintaxe //@ sourceMappingURL
é definida na especificação do mapa de origem V3.
Ela foi modificada para usar a sintaxe //#
.
sourceURL
//@ sourceURL
também é definido na especificação e foi feito para corresponder à sintaxe //#
e manter a consistência. Continue lendo para mais detalhes sobre
o que o sourceURL faz (link em inglês). É usada pelo minispade da Ember, pelo concatenate.js do Google e por outros. No Chrome, o sourceURL
é compatível com scripts e estilos inline, além de JS avaliado.
Implementação no DevTools do navegador = concluída!
- O Safari Inspector agora é compatível com
//#
para sourceMappingURL e sourceURL. - A mudança do Firebug chegada para sourceURL.
- O Firefox resultou na mudança de sourceMappingURL. O sourceURL tíquete está aqui.
- O Chrome DevTools trazou a mudança para sourceMappingURL e sourceURL. Ele também avisará sobre o uso da sintaxe
//@
descontinuada.
Embora essas mudanças cheguem à versão estável, você pode usar as duas sintaxes simultaneamente para oferecer suporte total à ferramenta ou migrar imediatamente para a sintaxe #
, dependendo das suas necessidades.