如果您使用來源對應或來源網址 (皆涵蓋在「來源地圖 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=zh-tw)
以下是相關資訊:
冒號
在系統解讀 //@cc_on
以啟用 IE JScript 引擎的條件式編譯後,如果網頁發生 IE 錯誤,//@ sourceMappingURL
「發現」會與 IE 發生衝突。舊版 HTML5 Shiv 是唯一的違規版本。
規格變更
//@ sourceMappingURL
語法是在 Sourcemap V3 規格中定義。該語法已變更為使用 //#
語法。
sourceURL
//@ sourceURL
也在規格中定義,是為了比對 //#
語法而設計。請參閱下文,進一步瞭解 sourceURL 的用途。會用於 Ember 的 minispade、Google 的 concatenate.js 等項目。Chrome 瀏覽器除了接受評估的 JS 外,sourceURL
也支援內嵌指令碼和內嵌樣式。
瀏覽器開發人員工具中的實作完畢!
- Safari 檢查器現在支援 sourceMappingURL 和 sourceURL 的
//#
- Firebug 的變更已落入 sourceURL。
- Firefox 促成 sourceMappingURL 的變更。sourceURL 這裡有票券。
- Chrome 開發人員工具 促成了 sourceMappingURL 和 sourceURL 的異動。此外,這個也會警告您使用已淘汰的
//@
語法。
儘管這些變更會使版本保持穩定版本,但您可以同時使用這兩種語法來取得完整工具支援,也可以根據您的需求立即遷移至 #
語法。