2020-03-10

如何讓前端瀏覽器不進行緩存

當瀏覽器要訪問一個某個資源時,瀏覽器會通過資源的URL來判斷是否讀取緩存中的內容。由于瀏覽器存在緩存,所以會導致服務器上的內容修改了,但是在瀏覽器卻顯示沒有變化。

為了解決這個問題,可以在每次請求的時候加一個隨機數(shù)參數(shù)或者時間戳。它的作用就是讓瀏覽器誤以為請求的是一個新鏈接,這樣瀏覽器就不會去讀取緩存里的內容。

代碼如下:

? ? <html>

? <head>

?? ??? ??? ?<meta charset="utf-8" />

?? ??? ??? ?<!--設置過期時間設置0為直接過期并清除緩存-->

?? ??? ??? ?<meta http-equiv="Expires" content="0">

?? ??? ??? ?<!--設置不緩存頁面-->

?? ??? ??? ?<meta http-equiv="Pragma" content="no-cache">

?? ??? ??? ?<!--設置不修改消息存儲-->

?? ??? ??? ?<meta http-equiv="Cache-control" content="no-cache">

?? ??? ??? ?<!--同上-->

?? ??? ??? ?<meta http-equiv="Cache" content="no-cache">

?? ??? ??? ?<title>test</title>

?? ??? ?</head>

?? ??? ?<body>

?? ??? ??? ?<div id="test">

?? ??? ??? ?</div>

?? ??? ?</body>

? ?<script type="text/javascript">

?? ??? ??? ?//js后綴加個時間戳每回更新都會改變,瀏覽器視其為新的js不會進行緩存

?? ??? ??? ?document.write('<script type="text/javascript" src="js/test.js?time='+new Date().getTime()+'"><'+'/'+'script>');

?? ??? ??? ?//css也同上

?? ??? ??? ?document.write('<link rel="stylesheet" href="css/test.css?time=' + new Date().getTime() + '"/>');

?? ??? ?</script>

?? </html>

弊端:因為緩存可以減少對服務器的直接訪問,減少服務器的壓力。瀏覽器不讀取緩存里的內容之后,每次都會訪問服務器,這樣就會增加服務器的壓力。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • MySQL的存儲引擎,各自優(yōu)缺點,MySQL引擎區(qū)別 InnoDB:適用于處理大數(shù)據(jù),崩潰后可以利用事務日志很好地...
    星冉子閱讀 399評論 0 0
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,875評論 0 3
  • JS 一、javaScript 是什么?有什么作用? HTML:寫網(wǎng)頁的 人的身體 CSS: 美化頁面的 人的衣服...
    小湯源O閱讀 200評論 0 0
  • HTML:寫網(wǎng)頁的 人的身體 CSS: 美化頁面的 人的衣服 havaScript:行為 大腦靈魂 havaScr...
    Key_L閱讀 101評論 0 0
  • 我是到了南方才知道,有一種雨叫“說下就下”。 中午出門急了一些,把傘忘在了宿舍門口。課上到一半,我看著窗外一派“黑...
    十一Thea閱讀 313評論 0 0

友情鏈接更多精彩內容