sourceMappingURL 和 sourceURL 語法已變更

如果您使用來源對應或來源網址 (皆涵蓋在「來源地圖 HTML5 Rocks Primer」中),那麼 Chrome 控制台可能會顯示警告,例如 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

Sourcemapping Devtools 螢幕截圖

以下是相關資訊:

冒號

在系統解讀 //@cc_on 以啟用 IE JScript 引擎的條件式編譯後,如果網頁發生 IE 錯誤,//@ sourceMappingURL「發現」會與 IE 發生衝突。舊版 HTML5 Shiv 是唯一的違規版本。

規格變更

//@ sourceMappingURL 語法是在 Sourcemap V3 規格中定義。該語法已變更為使用 //# 語法。

sourceURL

//@ sourceURL 也在規格中定義,是為了比對 //# 語法而設計。請參閱下文,進一步瞭解 sourceURL 的用途。會用於 Ember 的 minispade、Google 的 concatenate.js 等項目。Chrome 瀏覽器除了接受評估的 JS 外,sourceURL也支援內嵌指令碼和內嵌樣式。

瀏覽器開發人員工具中的實作完畢!

儘管這些變更會使版本保持穩定版本,但您可以同時使用這兩種語法來取得完整工具支援,也可以根據您的需求立即遷移至 # 語法。