jQuery-1.9+.min.map 404 (Not Found) 錯誤,瞭解Source Map

當打開引入jQuery腳本的頁面時,在Chrome的控制檯中報了“GET http://localhost/libs/jquery.min.map 404 (Not Found)”的錯誤。

剛開始以爲是Chrome安裝插件導致的錯誤,可是把引入換成jQuery開發版本時,錯誤就不見了。並且只有Chrome會有這個錯誤提示,FireFox、IE不會報錯。

後來發現原來是jQuery腳本中 "//@ sourceMappingURL=jquery-1.10.2.min.map" 這一行惹的禍。

如果是佈置到生產環境中去,你可以把上面那行代碼直接刪掉。

如果是在開發環境中,你應該下載jquery-1.10.2.min.map文件,放到jQuery同級目錄中去(需要對應的source map文件)。

如果想關掉錯誤提示,還可以在Chrome的Developer Tools的Setting中將Enable source maps取消選中。關閉SourceMap

爲什麼這行被註釋掉的代碼,會起作用呢?那麼就需要了解一下什麼是Source Map。

什麼是Source Map

Source map就是一個Json格式的信息文件,裏面儲存着位置信息。也就是說,它是壓縮後Js的一個字典文件。有了它,出錯的時候,調試工具將直接顯示原始代碼,而不是壓縮後的代碼。這無疑給開發者帶來了很大方便。

因爲是Google自定義的規則,暫時只有基於Chromium開發的瀏覽器支持這個功能。

Source Map生成工具

Closure編譯器

參考鏈接

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章