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

Question

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

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

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

Answer 1

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

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

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