当前页面的 JavaScript 硬刷新

IT技术 javascript reload page-refresh window.location
2021-02-07 19:21:30

如何强制 Web 浏览器通过 JavaScript 对页面进行硬刷新?
硬刷新意味着获取页面的新副本并刷新所有外部资源(图像、JavaScript、CSS 等)。

4个回答

尝试使用:

location.reload(true);

当此方法接收一个true值作为参数时,它将导致页面始终从服务器重新加载。如果为 false 或未指定,浏览器可能会从其缓存中重新加载页面。

更多信息:

如今,它已被浏览器弃用和忽略。
2021-03-19 19:21:30
我很确定这不会重新加载所有外部资源。你必须通过所有的阅读alinkscriptimg元素和随机查询字符串附加到每个外部基准结束硬盘重装。或者,在服务器上执行此操作。
2021-03-21 19:21:30
它在 2010 年有效吗?它肯定在 2018 年不起作用(在 Chrome 中)。Chrome 从缓存中加载所有内容(除了 /Home/Index)。它似乎在 firefox WTH 中工作?
2021-03-21 19:21:30
它对我不起作用。这不会清除我使用 ctrl F5 清除的数据
2021-04-07 19:21:30
我认为此功能已在 HTML5 中删除。
2021-04-08 19:21:30
window.location.href = window.location.href
请在您的答案中添加一些解释,以便其他人可以从中学习
2021-03-23 19:21:30
适用于我的情况!我认为它清除了我正在使用的 WordPress 插件中的 POST 数据。
2021-04-03 19:21:30
如果浏览器缓存了页面,这将不会从服务器拉出页面。
2021-04-09 19:21:30

对于 angular 用户,如在此处找到的,您可以执行以下操作:

<form [action]="myAppURL" method="POST" #refreshForm></form>
import { Component, OnInit, ViewChild } from '@angular/core';

@Component({
  // ...
})
export class FooComponent {
  @ViewChild('refreshForm', { static: false }) refreshForm;

  forceReload() {
    this.refreshForm.nativeElement.submit();
  }
}

这个网站上解释了它工作的原因:https : //www.xspdf.com/resolution/52192666.html

您还将在本文中了解硬重新加载如何适用于每个框架以及更多内容

解释:角

位置:reload(),Location.reload() 方法重新加载当前的 URL,就像刷新按钮一样。仅使用 location.reload(); 如果您想执行强制重新加载(例如使用 Ctrl + F5 完成)以便从服务器而不是浏览器缓存重新加载所有资源,这不是一个解决方案。此问题的解决方案是,对当前位置执行 POST 请求,因为这总是会使浏览器重新加载所有内容。

我在 django 上工作,但没有任何效果,所以这个绕过对我有用,它转发到下一个所以每当你只想回来时,刷新页面很难!这可能不是正确的方法,但可以解决问题,请尝试并告诉我!

window.history.forward(1);
此代码不会重新加载/刷新当前页面。它只是将其转发到历史记录中的下一个位置,该位置可能存在也可能不存在。此外,OP 指定了“硬刷新”,这意味着页面应该再次从服务器中拉出,即绕过缓存。
2021-03-15 19:21:30
好的,感谢让我知道,上述解决方案都没有对我有用,但这确实有效,我认为它可能会有所帮助......我请求你删除downvotes先生!
2021-03-17 19:21:30