HTML - 如何检查文件(.js或.css)是否已从缓存中加载或拾取？

Question

首先,我需要一种强制浏览器始终加载.css和.js文件的方法.我通过在文件中添加一个sufix来解决它:

之前:

<script type="text/javascript" src="file.js"></script>

后:

<script type="text/javascript" src="file.js?v=1"></script>

这显然有效.

现在,我需要知道这是否真的有效.当然,我可以编辑文件并检查浏览器中的更改,但我需要一种更具体的方法,例如浏览器中显示"从缓存加载的文件"/"从文件夹加载的新文件"中的选项.

你能帮助我吗？

Answer 1

从服务器加载资源或从缓存中获取资源是浏览器的职责范围。从客户端代码中您无法确定实际使用的源（如果您不使用 ajax 动态加载资源）。您只能查看开发人员工具（或 Firebug）中的“网络”选项卡。