bootstrap.css.map 404 not found

bootstrap.css.map這個檔案有何用處。該怎能使用它。

.  ├── bootstrap.css  ├── bootstrap.css.map  ├── bootstrap.min.css  ├── bootstrap-theme.css  ├── bootstrap-theme.css.map  └── bootstrap-theme.min.css    0 directories, 6 files

 

我先說一下什麼是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檔案了。