清除瀏覽器快取的方法

陳嘻嘻哈哈發表於2016-08-11
瀏覽器快取

清除瀏覽器快取的方法

1 避免HTML頁面快取  在頁面中的<head></head>中新增

<meta HTTP-EQUIV=”Pragma” CONTENT=”no-cache”> 
<meta HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache”> 
<meta HTTP-EQUIV=”Expires” CONTENT=”0″>

 

2  jquery ajax清除瀏覽器快取

  1 cache:false

eg: $.ajax({
     url:``,
     dataType:`json`,
     data:{},
     cache:false, 
     success:function(data){
         //操作
     }
  });

2    隨機數 在url上加添了隨機數
eg:   url: `/yxt-admin/admin/adminUser?ran=` + Math.random(),

3     時間戳  在url上新增一個時間戳
 eg:    url: `/yxt-admin/admin/adminUser?ran=` + new Date().getTime(),


3 在easyui上，使用get得到資料，同時清除快取，可以用時間戳

    jQuery.get( url [, data ] [, success ] [, dataType ] )

eg: $.get(`/yxt-admin/admin/doctor/` + id + `/detail`,{"time": new Date().getTime()},function (data){});

3 在自己的專案完成時 打成.war包給別人測試的時候，頁面可能跟前一次的測試開啟的介面可能是一樣的，這時候就需要在js,css後面跟個名字，像是版本號一樣的。

eg： 第一次打包 

<link rel=”stylesheet” type=”text/css” href=”/yxt-admin/js/easyui/themes/icon.css?ver=1.001″ />
<link rel=”stylesheet” type=”text/css” href=”/yxt-admin/js/easyui/themes/gray/easyui.css?ver=1.001″ />

 

……

第二次打包
<link rel="stylesheet" type="text/css" href="/yxt-admin/js/easyui/themes/icon.css?ver=1.002" />
<link rel="stylesheet" type="text/css" href="/yxt-admin/js/easyui/themes/gray/easyui.css?ver=1.002" />

當然每個涉及到這些都需要改的，在Eclipse 是有快捷鍵的，選中你需要修改的檔案，
Ctrl+H   


點選Replace   會找到你檔案下所有的?ver=1.003


這樣全部的?ver=1.003 將被替換成?ver=1.004   (注：這個版本號儘量與眾不同！嘻嘻！)

我積累的不全，大神們繼續新增吧！


 


相關文章