As sintaxes sourceMappingURL e sourceURL foram alteradas

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

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.