硬刷新网站设计

发布于 2024-10-28 12:30:22 字数 158 浏览 5 评论 0原文

我正在开发一个网站,但每次我做一个小的更改时,我都必须执行硬刷新才能看到更改。

这里明显的问题是,用户可能永远不会进行硬刷新,因此他/她不会立即看到效果。另外,有时当我更改样式表时, 如果没有硬刷新,网站看起来会很混乱。

我能做些什么?

I am developing a site, but every time I do a small change I have to perform a hard refresh in order to see the change.

The obvious question here is that a user probably will never do a hard refresh, and so he/she will not see the effects immediately. Plus, sometimes when I change the stylesheet,
without hard refresh the site looks like a mess.

What can I do?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

扶醉桌前 2024-11-04 12:30:22

您可以通过添加缓存控制元标记来强制页面不缓存:

<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

您还可以通过添加版本获取参数来防止缓存样式表:

<link rel="stylesheet" href="mystyles.css?v=1" type="text/css" />

增加版本号以强制加载新版本。

You can force the page not to cache by adding cache control meta tags:

<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

You can also prevent caching of your stylesheet by adding a version get parameter:

<link rel="stylesheet" href="mystyles.css?v=1" type="text/css" />

Increment the version number to force a new version to be loaded.

没有你我更好 2024-11-04 12:30:22

那么,您的设计中的更改(外部样式表?)没有立即显示出来?

这可能与浏览器缓存有关。
您的文件已被缓存,这是一件好事。如果您想使缓存无效,您可以向外部文件添加一个参数,如下所示:

<link rel="stylesheet" type="text/css" href="http://sstatic.net/stackoverflow/all.css**?v=f023310c4326**">

这个很棒的软件的开发人员都知道这一点。

So, the changes in your design (external stylesheets?) are not immediately showing?

This probably has to do with the browser cache.
Your files are cached, which is a good thing. If you want to invalidate the cache, you might add a parameter to your external files, like this:

<link rel="stylesheet" type="text/css" href="http://sstatic.net/stackoverflow/all.css**?v=f023310c4326**">

The developers of this awesome piece of software know all about this.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文