As sintaxes sourceMappingURL e sourceURL foram alteradas

PaulIrlandês

Se você usar os mapas de origem ou o sourceURL (ambos abordados no HTML5 Rocks Primer no Sourcemaps), será exibido um aviso no console do Chrome, como "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead..

Captura de tela do Sourcemapping Devtools

Isso é o seguinte:

Ímpeto

//@ sourceMappingURL foi encontrado em conflito com o IE sempre que era encontrado na página depois que //@cc_on foi interpretado para ativar a compilação condicional no mecanismo JScript do IE. Uma versão legada do HTML5 Shiv é um problema específico aqui.

Mudança nas especificações

A sintaxe //@ sourceMappingURL é definida na especificação Sourcemap V3. Ela foi modificada para usar a sintaxe //#.

sourceURL

//@ sourceURL também é definido na especificação e foi feito para corresponder à sintaxe //# para fins de consistência. Continue para saber mais detalhes sobre o que o sourceURL faz. Ele é usado pelo minispade da Ember, pelo concatenate.js do Google e outros. No Chrome, o sourceURL oferece suporte a scripts e estilos inline, além do JS avaliado.

Implementação no navegador DevTools = concluída!

  • O Safari Inspector agora é compatível com //# para sourceMappingURL e sourceURL.
  • A mudança do iframe chegou para sourceURL.
  • O Firefox fez a mudança para sourceMappingURL. O tíquete sourceURL está aqui.
  • O Chrome DevTools fez a mudança de sourceMappingURL e sourceURL. Ele também vai mostrar um aviso 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.