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.
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.