Background
虽然有很多博客,stackoverflow 问题和答案在HOW我还没有找到一个单一的痕迹为什么/当!公平地说,大多数人都知道为什么,但不是所有人。
Scenarios
你去了同一个地方。
你是一个测试人员,你的开发团队已经发布了一个新版本的 Web 应用程序。
你是一个企业家,你已经发布了你的 web 应用程序的新版本。
Web 应用程序根本不加载。
Web 应用程序突然开始表现不一致。
加载页面时出现新的随机错误。
类比
虽然上面提到的这些问题背后可能有很多原因,如软件中的错误,或浏览器与新组件不兼容等,在你去做所有相关的操作来调试或解决这些最简单和最快的解决方案之一是:“硬页面刷新”!
为什么?(见下文)
简短的回答
浏览器缓存 CSS 、 JS 和其他文件,以改善 Web 应用程序及其相关页面的加载时间。根据新版本 JS 时网站的实现方式,添加 CSS 以及与旧版本文件的形状和形式的差异。页面的新部分正在调用或与浏览器中缓存的旧版本文件进行交互。这导致行为不一致。
长答案
在 Web 应用程序开发的旧时代,如果页面足够酷,可以超越基本的 HTML 页面,则页面具有较小的 JavaScript 和 CSS 文件。还将页面存储在单独的 HTML 文件中。当您单击新链接时,浏览器将加载一个全新的页面应用程序。
所有现代网站 (如 Facebook 、 Netflix 等) 都是使用新技术构建的。
在单页应用程序中,同一页面上附加了大量的 JS 和 CSS 文件。这意味着尽管我们的互联网速度有了巨大的提高,但每次用户刷新时,浏览器加载整个单页及其所有 JS 、 CSS 、 IMG 文件的效率都会很低。通过缓存这些文件,这意味着浏览器现在只需要在页面上加载新的数据内容。这将带来更好的用户体验。
这就是为什么浏览器引入了HARD PAGE REFRESH选项来允许单页应用程序的加载被强制从后端服务器而不是缓存加载。
如果您对此主题感兴趣,您可以进一步阅读有关如何设置单页应用程序的最佳实践,以确保每次发布新的 JS 或 CSS 甚至图像时,都能保证浏览器重新加载内容并且不使用缓存的资产。
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(87条)