jquery.min.map Not Found出錯問題解決方案

最近做項目的時候，在Chrome瀏覽器測試下出現了 jquery.min.map 404  (Not Found) 的資訊，這個到底是什麼東西？查詢了一下，得到了以下資料：

這也是JQuery官方解釋，摘錄一下

從 jQuery 1.9.0 版本後在原始代碼裡會有 @ sourceMappingURL=jquery.min.map
什麼是Source map
簡單說，Source map就是一個資訊檔，裡面儲存著位置資訊。也就是說，轉換後的代碼的每一個位置，所對應的轉換前的位置。
有了它，出錯的時候，除錯工具將直接顯示原始代碼，而不是轉換後的代碼。這無疑給開發這帶來了很大方便。
導致  jquery.min.map 404 原因
更新後 Chrome 自行開啟了 Enable source maps 的選項但你又?]有放 Source map 導致找不到檔案。

jquery.min.map 404 (Not Found)的解決辦法

解?Q方式1：

將 Developer Tools ->設定 Enable source maps 關閉

解?Q方式2：

下載同一版本的 source maps跟jquery.js同目錄
source maps 會跟 jquery 同位置
Jquery 位置 http://code.jquery.com/jquery-1.10.2.min.js

source maps 位置  http://code.jquery.com/jquery-1.10.2.min.map

個人覺得用第二種方式比較好，因為chrome瀏覽器的版本可能會不斷的更新，到時很可能引發不必要的問題。

什麼是Source Map

Source map就是一個Json格式的資訊檔，裡面儲存著位置資訊。也就是說，它是壓縮後Js的一個字典檔案。有了它，出錯的時候，調試工具將直接顯示原始代碼，而不是壓縮後的代碼。這無疑給開發人員帶來了很大方便。