客户端javascript文件在刷新时不会在某些浏览器选项卡中更新，但在新浏览器选项卡中可以

Question

我正在使用Django开发一个全栈应用程序。我在名为logic.js的文件中编写了一些客户端Javascript。我注意到，有时当我在logic.js文件中进行更改，然后在浏览器中单击“刷新”时，浏览器的logic.js文件不会更改。但是，如果我在另一个窗口中打开该站点，它将获取更新的logic.js文件。我对浏览器的这种行为感到困惑（如果这是浏览器问题）。为什么会这样？

Answer 1

是的，那将会发生。我通常在模板中添加一个版本，例如：

<script src="{{ STATIC_URL }}app/js/filename.js?v={{ VERSION }}"></script>

每次发布​​更新时都会更改版本。这应强制浏览器获取更新的文件。

Answer 2

对于本地开发，请确保禁用浏览器中的缓存，以确保其始终从本地服务器请求新数据。