sourceMappingURL 및 sourceURL 구문이 변경됨

폴 아이리시

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

Sourcemapping Devtools 스크린샷

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

임페투스

//@ sourceMappingURL //@cc_on이 IE JScript 엔진에서 조건부 컴파일을 사용하도록 해석된 이후 페이지에서 발견될 때마다 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에 대한 변경사항을 적용했습니다. 또한 지원 중단된 //@ 문법을 사용할 경우 경고도 표시합니다.

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