工作踩坑记录：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";”有做过优化，只要这条语句出现就会缓存页面（本人猜测）。如果对这个问题有更多了解的人，欢迎交流。

 

------------------2015-12-07--------------

发现chrome浏览器，针对https有做过缓存处理，只要使用https打开过一次，在没有清缓存之前就会一直使用原页面，估计是出于效率考虑