|
我先說一下什么是source map文件。 source map文件是js文件壓縮后,文件的變量名替換對應(yīng)、變量所在位置等元信息數(shù)據(jù)文件,一般這種文件和min.js主文件放在同一個目錄下。 比如壓縮后原變量是map,壓縮后通過變量替換規(guī)則可能會被替換成a,這時source map文件會記錄下這個mapping的信息,這樣的好處就是說,在調(diào)試的時候,如果有一些JS報錯,那么瀏覽器會通過解析這個map文件來重新merge壓縮后的js,使開發(fā)者可以用未壓縮前的代碼來調(diào)試,這樣會給我們帶來很大的方便! 而這種還原性調(diào)試功能,目前只有chorme才具有,所以就會出現(xiàn)標題說的問題,我引入jquery-1.10.2.min.js的時候,在firefox下或者其他瀏覽器下是好的,在chorme下會報錯找不到j(luò)query-1.10.2.min.map文件,404,就是因為以上說的情況,jquery會檢測瀏覽器是否支持source map功能,如果支持的話,那就去下載source map文件,而這個時候如果你引用的是官網(wǎng)的min.js那沒問題,它會去自己的目錄下找source map文件,而如果jquery.min.js文件在你的服務(wù)器上而服務(wù)器上又沒有source map的話,那就會報錯了,所以三種解決辦法:一,引用官網(wǎng)文件 二,把source map文件下載下來放到服務(wù)器上(推薦) 三,把chorme文件的工具-->開發(fā)者工具-->設(shè)置-->Enable source maps勾去掉,去掉這個勾,jquery就不會去下載source map文件了!
希望可以幫助大家! |
|
|
來自: corefashion > 《jquery》