Cambió la sintaxis sourceMappingURL y sourceURL

Si usas mapas de fuentes o la URL de origen (ambos se incluyen en el Introducción a HTML5 Rocks sobre mapas de origen), es posible que veas una advertencia en la consola de Chrome, como "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

Captura de pantalla de Sourcemapping para desarrolladores

A continuación, te explicamos de qué se trata:

Ímpetu

Se descubrió que //@ sourceMappingURL tenía un conflicto con IE cada vez que se encontraba en la página después de que se interpretara que //@cc_on activaba la compilación condicional en el motor JScript de IE Una versión heredada de Shiv HTML5 es un infractor en particular.

Cambio de especificaciones

La sintaxis //@ sourceMappingURL se define en la especificación de mapa de origen V3 Se cambió allí para usar la sintaxis //# en su lugar.

sourceURL

//@ sourceURL también se definió en la especificación y se creó para que coincida con la sintaxis //# a fin de mantener la coherencia. Continúa para obtener detalles sobre qué hace sourceURL. Lo usan minispade de Ember y concatenate.js de Google, entre otros. En Chrome, sourceURL es compatible con secuencias de comandos y estilos intercalados, además de JS evaluados.

Implementación en Herramientas para desarrolladores del navegador = lista

  • Safari Inspector ahora es compatible con //# para sourceMappingURL y sourceURL.
  • Llegó el cambio de Firebug para sourceURL.
  • Firefox realizó el cambio para sourceMappingURL. El ticket de sourceURL está aquí.
  • Las herramientas para desarrolladores de Chrome realizaron el cambio para sourceMappingURL y sourceURL. También advertirá sobre el uso de la sintaxis obsoleta //@.

Si bien estos cambios llegan a un lanzamiento estable, puedes usar ambas sintaxis de forma simultánea para obtener compatibilidad completa con la herramienta o migrar de inmediato a la sintaxis #, según tus necesidades.