Cambió la sintaxis sourceMappingURL y sourceURL

Paul Ireland

Si usas mapas de origen o sourceURL (ambos cubiertos en HTML5 Rocks Primer en los 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 Herramientas para desarrolladores de asignación de fuente

Esto es lo que 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 de JScript de IE. Una versión heredada de Shiv HTML5 es uno de los infractores en particular en este caso.

Cambio de especificaciones

La sintaxis //@ sourceMappingURL se define en la especificación de Sourcemap V3. Se modificó allí para que use la sintaxis //#.

sourceURL

//@ sourceURL también se define en la especificación y se hizo para que coincida con la sintaxis //# a fin de mantener la coherencia. Sigue el proceso para obtener más detalles sobre lo que hace sourceURL. Lo usan el minispade de Ember, el concatenate.js de Google y otros. En Chrome, sourceURL es compatible con secuencias de comandos y estilos intercalados, además de JS evaluado.

La implementación en el navegador Herramientas está lista.

Si bien estos cambios llegan a la versión estable, puedes usar ambas sintaxis simultáneamente para obtener compatibilidad total con la herramienta o migrar de inmediato a la sintaxis #, según tus necesidades.