當用戶通過瀏覽器上一頁按鈕返回歷史頁面時,一般瀏覽器都會直接讀取緩存里的數據,哪怕頁面設置了不緩存,如下:
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0">
有時候也沒有效果,這時我們可以通過刷新頁面的方式來達到清空緩存的效果。親測有效:
/*event.persisted 判斷瀏覽器是否有緩存, 有為true, 沒有為false*/ window.addEventListener('pageshow', function (event) { if (event.persisted || window.performance && window.performance.navigation.type == 2){ location.reload(); } },false);