javascript - 如何检查我的 JavaScript 是否正确缓存

Question

我的 JSP 页面中有一个脚本。该脚本代码非常大，我发现在 JSP 代码中包含如此大量的脚本代码并不是最佳实践。

我已将脚本分离为 js 文件，并将该 js 文件包含在 JSP 页面中。我有以下问题:

1. 如何验证我的 js 文件是否被缓存？有没有任何浏览器工具可以检查我的 js 文件是否被缓存？
2. 我应该编写一段代码来缓存 js 文件吗？

Answer 1

如果您有 Chrome，请打开检查器(右键单击“检查元素”)，然后单击“网络”选项卡。现在重新加载页面。您应该看到为页面加载的所有元素的列表。

要确定 Javascript(或任何元素)是否已缓存，您需要查找的是“大小”列。浏览器缓存的数据将显示“(来自缓存)”作为大小值。如果您看到“大小”的任何其他内容，则意味着它是通过网络加载的，而不是从浏览器缓存加载的。

要回答问题的第二部分，是的，确保发送 header 以使浏览器缓存网站上的任何静态内容绝对是个好主意。您不能使用 JavaScript 来设置缓存 header ，这需要由 Web 服务器来完成。如何执行此操作完全取决于您的环境，但可以通过编辑 Web 服务器配置来完成，如果您使用的是 PHP 等服务器端语言，也可以通过脚本来完成。