sourceMappingURL 및 sourceURL 구문이 변경됨

소스 맵 또는 sourceURL을 사용하는 경우 (둘 다 Sourcemaps의 HTML5 Rocks Primer에서 설명) Chrome 콘솔에 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.과 같은 경고가 표시될 수 있습니다.

Sourcemapping Devtools 스크린샷

자세한 내용은 다음과 같습니다.

자극

//@ sourceMappingURL가 IE JScript 엔진에서 조건부 컴파일을 사용 설정하도록 //@cc_on가 해석된 후 페이지에서 발견될 때마다 IE와 충돌하는 것으로 발견되었습니다. 이 경우 기존 버전의 HTML5 Shiv가 특히 특정 위반자입니다.

사양 변경

//@ sourceMappingURL 구문은 Sourcemap V3 사양에 정의되어 있으며, 대신 //# 구문을 사용하도록 변경되었습니다.

sourceURL

//@ sourceURL도 사양에 정의되어 있으며 일관성을 위해 //# 구문과 일치하도록 되어 있습니다. sourceURL의 역할을 자세히 알아보세요. Ember의 minispade, Google concatenate.js 등에서 사용됩니다. Chrome에서 sourceURL는 평가된 JS 외에도 인라인 스크립트와 인라인 스타일에도 지원됩니다.

브라우저 DevTools에서 구현 = 완료되었습니다!

  • 이제 Safari Inspector가 sourceMappingURL 및 sourceURL에 대해 //#를 지원합니다.
  • sourceURL에 Firebug의 변경사항이 적용되었습니다.
  • Firefox에서 sourceMappingURL 변경사항을 적용했습니다. sourceURL 티켓은 여기에 있습니다.
  • Chrome DevTools에서 sourceMappingURL 및 sourceURL에 대한 변경사항을 적용했습니다. 또한 지원 중단된 //@ 구문 사용에 관해 경고합니다.

이러한 변경사항은 안정화 버전으로 출시되지만 필요에 따라 두 문법을 동시에 사용하여 전체 도구 지원을 받거나 # 구문으로 즉시 이전할 수 있습니다.