2014-07-11 83 views
1

我已經搜索了網頁,尋找一個易於理解的JQuery地圖的定義,它做了什麼,但無法找到一個我可以輕鬆理解的地方。JQuery地圖:究竟是什麼?它有什麼作用?

當我使用Chrome開發工具時,我發現加載了JQuery.min.map,但它返回狀態錯誤NOT FOUND

//@ sourceMappingURL=jquery-1.10.2.min.map 

我在一個我看過的JQuery版本中看到這行。所以我的問題是,地圖的重點是什麼?爲什麼JQuery映射不在頁面源代碼中,而是作爲JQuery源代碼中的上面那行,並且只在DevTools中加載?它有什麼用處?它有什麼作用?

+0

他們是源地圖。不要將它們包含在最終產品中。 https://developer.chrome.com/devtools/docs/css-preprocessors –

+3

您可以在這裏:[JavaScript源代碼簡介](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/) –

回答

2

所以我的問題是,地圖的要點是什麼?

將縮小或轉換(或兩者)源代碼中的符號映射到原始源代碼中的正確位置。這使調試轉換後的代碼變得非常簡單(!)。

爲什麼JQuery映射不在頁面源代碼中,而是作爲JQuery源代碼中的上面的那行,並且只在DevTools中加載?

因爲它不是實際源代碼的一部分,只用於調試。

它有什麼用處?它有什麼作用?

查看第一個答案。


約源地圖的更多信息:Introduction to JavaScript Source Maps