我先說一下什麼是source map文件。 source map文件是js文件壓縮後,文件的變量名替換對應、變量所在位置等元信息數據文件,一般這種文件和min.js主文件放在同一個目錄下。 比如壓縮後原變量是map,壓縮後通過變量替換規則可能會被替換成a,這時source map文件會記錄下這個mapping的信息,這樣的好處就是說,在調試的時候,如果有一些JS報錯,那麼浏覽器會通過解析這個map文件來重新merge壓縮後的js,使開發者可以用未壓縮前的代碼來調試,這樣會給我們帶來很大的方便!
而這種還原性調試功能,目前只有chorme才具有,所以就會出現標題說的問題,我引入jquery-1.11.2.min.js的時候,在firefox下或者其他浏覽器下是好的,在chorme下會報錯找不到jquery-1.11.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文件了!