为什么/何时需要在浏览器中努力刷新网页？

Question

背景

虽然有许多博客，但 如何找到为什么/ 时！而且大多数人都知道为什么，但不是所有人。

方案

• 您一直在同一网站上。
• 您是测试人员，您的开发团队已发布了Web应用程序的新版本。
• 您是企业家，并且已发布了Web应用程序的新版本。 Web URL中，您正在加载以下内容之一：
• Web应用程序根本不会加载。
• Web应用程序突然开始表现不一致。
• 加载页面时的新随机错误发生。

类比

虽然上面提到的这些问题的背后有很多原因，例如软件中的错误，或浏览器与新组件等不兼容。最快的决议是：“硬页面刷新” ！

但为什么？ （见下文）

Answer 1

我希望这对你有帮助

   <script type="text/javascript" language="javascript">
    var versionUpdate = (new Date()).getTime();
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "/js/file_js.js?v=" + versionUpdate;
    document.body.appendChild(script);
  </script>

Answer 2

简短的答案

浏览器缓存CSS，JS和其他文件，以改善Web应用程序的加载时间及其相关页面。取决于添加JS，CSS的新版本时如何实现网站，并与文件的旧版本相差。页面的新部分是调用或与浏览器中缓存的文件的旧版本进行交互。这导致行为不一致。

很长的答案

在Web应用程序开发的过去， ，页面有较小的JavaScript和CSS文件，如果有足够的冷却，可以超越基本的HTML页面。还存储在单独的HTML文件中的页面。单击新链接时，浏览器将加载一个全新的页面应用程序。

在现代Web应用程序中，转向单页应用程序。这些是您拥有负责在内容上加载的单页的应用程序。使用新技术构建了所有现代网站（例如Facebook，Netflix等）。

在单页应用程序中，同一页面上附带了大的JS和CSS文件。这意味着，尽管我们的互联网速度有所改善，但每次用户进行刷新时，浏览器都会加载整个单页及其所有JS，CSS，IMG文件的效率低下。通过缓存这些文件，这意味着浏览器现在只需要在页面上加载新的数据内容。这会带来更好的用户体验。

不利的一面是发布新的JS或CSS文件，并且浏览器仍在使用旧的JS或CSS文件。它将以不可预测的方式影响业务逻辑或布局。这就是为什么浏览器引入了硬页面刷新选项，以允许从后端服务器而不是缓存加载单页应用程序的加载。

如果此主题感兴趣，您可以在最佳练习中进行有关如何设置单页应用程序的最佳练习缓存的资产。

有用的链接，

根据读者的请求，我提供了以下一些良好的读物。

1. “ nofollow noreferrer”> borce reload javaScript css in浏览器中的javascript css（直接相关的简单示例
2. 如何迫使浏览器重新加载加速CSS和JS文件？（旧威胁但有用！）
3. javaScript中的重新加载页面-JS reload窗口教程（不直接相关，但读取不错）