關於js.map以及css.map

 

 什麼是source map文件。 source map文件是js文件壓縮後，文件的變量名替換對應、變量所在位置等元信息數據文件，通常這種文件和min.js主文件放在同一個目錄下。 好比壓縮後原變量是map，壓縮後經過變量替換規則可能會被替換成a，這時source map文件會記錄下這個mapping的信息，這樣的好處就是說，在調試的時候，若是有一些JS報錯，那麼瀏覽器會經過解析這個map文件來從新merge壓縮後的js,使開發者能夠用未壓縮前的代碼來調試，這樣會給咱們帶來很大的方便！ 而這種還原性調試功能，目前只有chorme才具備，因此就會出現標題說的問題，我引入jquery-1.10.2.min.js的時候，在firefox下或者其餘瀏覽器下是好的，在chorme下會報錯找不到jquery-1.10.2.min.map文件，404，就是由於以上說的狀況，jquery會檢測瀏覽器是否支持source map功能，若是支持的話，那就去下載source map文件，而這個時候若是你引用的是官網的min.js那沒問題，它會去本身的目錄下找source map文件，而若是jquery.min.js文件在你的服務器上而服務器上又沒有source map的話，那就會報錯了，因此三種解決辦法：一，引用官網文件 二，把source map文件下載下來放到服務器上(推薦) 三，把chorme文件的工具-->開發者工具-->設置-->Enable source maps勾去掉，去掉這個勾，jquery就不會去下載source map文件了！