怎么清除css、javascript及背景圖在瀏覽器中緩存

本篇內(nèi)容介紹了“怎么清除css、javascript及背景圖在瀏覽器中緩存”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

在實際項目開發(fā)過過程中，頁面是上傳到服務器上的。而為了減少服務器的壓力，讓用戶少加載，瀏覽器會將圖片、css、js緩存到本地中，以便下次訪問網(wǎng)站時使用。這樣做不僅減少了服務器的壓力，并且也減少了用戶的下載次數(shù)，獲得更好的用戶體驗。

然而在版本升級或做一些css、js等調(diào)整的時候，緩存導致用戶無法顯示更新后的樣式，這是另人頭頭疼的問題。除非用戶自行手動升級緩存，不過幾乎所有用戶不會為了正常訪問這個網(wǎng)站而去手動清除緩存，因為用戶根本不知道是不是緩存的問題，而歸根結(jié)底，用戶就是認為你的頁面存在問題，不能正常訪問。

為了可以正常使用緩存，又避免這樣的問題，我們可以動腦筋想想，如果解決此問題呢？

如果更改了樣式不能正常訪問，那么更改樣式的文件名呢？答案是可以的，這里將不再驗證。然而每次都手動的去更改文件名顯然過于麻煩，能不能不更改文件名呢？答案是肯定的。我們可能通在引入的文件名后面加入版本號，與之前的版本都不同的版本號（一般為更新日期）。代碼如下：

代碼如下:

<link rel="stylesheet" type="text/css" href="reset.css?v=20140829">
<script type="text/javascript" src="core.js?v=20140829"></script>

可以看到我的CSS文件名及JS文件名后面都跟了"v=20140829"，這樣做可以不去改變文件名又做到緩存的同時，可以實時更新。而"v=20140829"只是普遍習慣書寫，可更改為其它的。

最后是圖片，一般img標簽的圖片都不會重名，因為都是在后臺生成的文件名。而如果是固定的文件名圖片，方法同上。而對于背景圖，由于更改了樣式名，圖片的解析路徑自然是更新同步，因此背景圖也更新了。

“怎么清除css、javascript及背景圖在瀏覽器中緩存”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！