通过jQuery检测浏览器缓存答案

【问题标题】：Detecting browser cache by jQuery通过jQuery检测浏览器缓存
【发布时间】：2012-04-09 20:25:01
【问题描述】：

是否有jQuery 方法来检测页面是从浏览器缓存加载还是通过HTTP 请求从服务器接收到？

【问题讨论】：

您的意思是检查当前页面是否从缓存中加载，还是在 Ajax 请求期间？
阅读本文 [stackoverflow.com/questions/4433769/… [1]: stackoverflow.com/questions/4433769/…
@ChristoferEliasson 我想知道访问者访问的是更新页面还是浏览器上缓存的旧版本。

【解决方案1】：

下面的文章应该回答你的问题：

上述文章的概念是，在每次请求时，您都从服务器端设置 cookie，并使用 JavaScript（或 jQuery）检查 cookie。如果 cookie 与先前请求的页面匹配，则它是缓存页面。如果没有，则为新页面。

希望对您有所帮助。

【讨论】：

【解决方案2】：

您还可以使用Navigation Timing 详细测量网络延迟。

如果fetchStart 和responseStart 之间的时间差非常小，例如页面是从缓存加载的。

【讨论】：

【解决方案3】：

提供页面服务器写入的时间戳值var origin = <%=someTimeStamp %>;，读取它并与表示当前时间的 JavaScript 生成值进行比较。

注意：客户端时间戳和服务器时间戳可能不同，因为客户端系统时间有可能是错误的，而且服务器和客户端系统可能不在同一个时区。这必须小心。

【讨论】：