소스 맵 또는 sourceURL을 사용하는 경우 (둘 다 Sourcemaps의 HTML5 Rocks Primer에서 설명) Chrome 콘솔에 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
과 같은 경고가 표시될 수 있습니다.
![Sourcemapping Devtools 스크린샷](https://developer.chrome.com/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=19&hl=ko)
자세한 내용은 다음과 같습니다.
자극
//@ 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에 대한 변경사항을 적용했습니다. 또한 지원 중단된
//@
구문 사용에 관해 경고합니다.
이러한 변경사항은 안정화 버전으로 출시되지만 필요에 따라 두 문법을 동시에 사용하여 전체 도구 지원을 받거나 #
구문으로 즉시 이전할 수 있습니다.