当前位置: 首页 > 面试题库 >

强制浏览器刷新CSS,JavaScript等

西门正平
2023-03-14
问题内容

我正在通过XAMPP开发基于Wordpress源代码的网站。有时,我更改了CSS代码,脚本或其他内容,但我注意到我的浏览器需要花费一些时间来应用修改。这导致我使用多个浏览器刷新一个浏览器,如果不应用新样式,则尝试第二个浏览器,而且总是这样。

有什么办法可以避免这个问题?有时我在更改代码时没有注意到先前的修改。


问题答案:

一般解决方案按Ctrl+ F5(或Ctrl+ Shift+ R)强制重新加载缓存。我相信,苹果电脑使用Cmd+ Shift+ R。

PHP
在PHP中,您可以通过将过期日期设置为过去带有标头的时间来禁用缓存:

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

可以使用,打开开发人员工具F12,单击右下角的齿轮图标,然后在设置对话框中选择禁用缓存,以禁用Chrome的缓存

Firefox

输入about:config到地址栏,然后找到名为项network.http.use-cache。将此设置为false。



 类似资料:
  • js window.location.reload(true)强制刷新只在火狐浏览器中生效,谷歌浏览不生效 有什么办法可以兼容谷歌、火狐浏览器能在js中调用强制刷新,就像调用ctrl+f5那样 主要是想刷新页面缓存

  • 问题内容: 当我对CSS文件进行任何更改时,这些更改不会反映在浏览器中。我怎样才能解决这个问题? 问题答案: 对于 周 ?尝试打开样式表本身(通过在浏览器的地址栏中输入其地址),然后按。如果仍然无法刷新,则问题出在其他地方。 如果更新样式表并希望确保它在每个访问者的缓存中都得到刷新,那么一种非常流行的方法是将版本号添加为GET参数。这样,样式表会在必要时进行刷新,但刷新的频率不会超过此频率。

  • 问题内容: 我注意到一些浏览器(特别是Firefox和Opera)非常热衷于使用.css和.js文件的缓存副本,即使在浏览器会话之间也是如此。当你更新这些文件之一但用户的浏览器继续使用缓存的副本时,这会导致出现问题。 问题是:强制用户浏览器在文件更改后重新加载文件的最优雅方法是什么? 理想情况下,该解决方案不会强制浏览器在每次访问页面时重新加载文件。我将发布自己的解决方案作为答案,但我很好奇是否有

  • When webpack-dev-server is running it will watch your files for changes. When that happens it rebundles your project and notifies browsers listening to refresh. To trigger this behavior you need to ch

  • 问题内容: 我想使用JavaScript禁用浏览器刷新。 当前,我正在使用,并且我不希望在用户刷新浏览器时调用它。 最好的方法是什么? 问题答案: 更新 最近的评论声称这在新的Chrome中不起作用…如jsFiddle所示,并在我的个人网站上进行了测试,此方法从Chrome版本开始仍然有效 顺便说一下,这在jQuery中非常容易: 附带说明:这只会禁用键盘上的f5按钮。要真正禁用刷新,您必须使用服

  • 问题内容: 我正在基于CSS3过渡构建非jQuery响应式图像滑块。 结构很简单:一个视口和内部相对定位的UL,左侧浮动LI。 在这种情况下,我面临一个问题: 用户单击“上一个”箭头。 JS在当前显示的LI节点之前附加适当的LI。 目前,UL已将CSS过渡设置为防止动画更改。此时,我将UL CSS左值减小滑块宽度(比方说:从0px到-1200px),以使视图保持原样。 现在,我将UL的过渡属性更改