工作踩坑記錄：JavaScript跳轉被緩衝

標籤：

起因：業務想要一個固定二維碼來每周掃碼跳轉到不同的頁面上去，我用JS寫了個跳轉，卻發現被緩衝了，雖然被具體被緩衝多久不清楚，但是被緩衝了很不爽，不符合業務即時更改這個二維碼跳轉頁面的需求。

經過：既然頁面被緩衝了，那就在頁面頂部meta裡寫明不要緩衝唄，head標籤裡加入下面代碼：

　　<meta http-equiv="Pragma" content="no-cache">
　　<meta http-equiv="Cache-Control" content="no-cache">
　　<meta http-equiv="Expires" content="0">

　　結果你懂的，無效！很奇怪，“window.location.href="https://XXXXX";”這段代碼只要出現在頁面裡，這個跳轉就會被緩衝，如果去除這段的話，像alert和其它頁面html都不會被緩衝。

 

解決：正當我犯愁的時候，想起以前解決JS緩衝的一個方法，就是在引用URL後面加隨機數。這給了我個啟發，既然瀏覽器緩衝了這個頁面的跳轉代碼，那我就再做一次頁面跳轉，並加上這個參數，那樣載入的這個跳轉頁面總不會再被緩衝了吧。經測試可以用。

 

PS：雖然html的文檔上都寫著meta裡設定可以防止頁面緩衝，但是這隻是個標準，具體怎麼實現還是要看瀏覽器自己的，我使用的是chrome瀏覽器，估計它對“window.location.href="https://XXXXX";”有做過最佳化，只要這條語句出現就會快取頁面面（本人猜測）。如果對這個問題有更多瞭解的人，歡迎交流。

 

工作踩坑記錄：JavaScript跳轉被緩衝