检查浏览器的缓存以查找js文件

Question

如何在用户缓存中检查javascript文件.如果他在一段时间后刷新页面或访问该网站.我不需要再次下载该js文件.关闭站点后是否清理js文件.

Answer 1

是否缓存javascript文件取决于您的Web服务器的设置方式,用户浏览器的设置方式以及服务器和用户之间的任何HTTP代理服务器的设置方式.您可以控制的唯一一点是您的服务器的设置方式.

如果您希望缓存javascript的最佳机会,那么您的服务器需要使用javascript文件发送正确的HTTP标头.具体如何,取决于您使用的Web服务器.

以下是一些可能有用的链接:

Apache - http://httpd.apache.org/docs/2.0/mod/mod_expires.html

IIS - http://www.microsoft.com/technet/prodtechnol/WindowsServer2003/Library/IIS/0fc16fe7-be45-4033-a5aa-d7fda3c993ff.mspx?mfr=true

Answer 2

仅当 Javascript 文件来自同一域时，检查 Javascript 文件是否已缓存才有效。

然后你可以这样检查：

try {
    await fetch("https://YOUR-DOMAIN.org/static/build/js/YOUR-FILE.js",
             {method:'Head',cache:'only-if-cached',mode:'same-origin'});
} catch (error) {
    console.error(error);
}

如果它被缓存，你会得到一个200返回值，否则会抛出错误。