CSS浏览器缓存
像这样添加 css 文件时是否有可能进行缓存:-
<link rel='stylesheet' type='text/css' href='rstyle_sheet.css'>
因为该文件中所做的更改不会立即反映出来。
如果是的话,有什么办法可以解决这个问题吗?
Is there a possibilty of caching when a css file is added like this:-
<link rel='stylesheet' type='text/css' href='rstyle_sheet.css'>
as changes done in that file are not getting reflected immediately.
If Yes, Any way to counter that..?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
大多数浏览器都会缓存 CSS
您可以添加版本号来防止它:
Most browsers cache CSS
You could add a version number to prevent it:
是的,在 css 文件名后面添加一个时间戳,如下所示:
并在每次更改文件时更新时间戳。许多框架(例如 ruby on Rails 等)可以为您执行此操作
Yes, add a timestamp after the css file name, like this:
And update the timestamp each time you change the file. Lots of frameworks like ruby on rails etc do this for you
如果您正在开发并且不想要缓存版本,请关闭浏览器中的缓存。
我使用以下工具组合:
Firefox + Web 开发者工具栏
然后禁用>禁用缓存
If you are developing and don't want the cached version turn off caching in your browser.
I use the following combination of tools:
Firefox + Web Developer Toolbar
and then Disable > Disable Cache
以这种方式引用的 CSS 样式表像所有其他资源一样被缓存,无论是 HTML 页面、Javascript 文件还是图像。
与所有其他资源一样,您可以通过 HTTP 标头 Expires: 和 < 来影响缓存行为a href="http://www.mnot.net/cache_docs/#CACHE-CONTROL" rel="nofollow">缓存控制:。这意味着您要么必须更改 Web 服务器配置,要么让 CSS 文件由 PHP 脚本而不是纯文本提供。
CSS stylesheets referred to that way are cached like every other resource, be it HTML pages, Javascript files or images.
And like every other resource, you can influence the caching behaviour via the HTTP headers Expires: and Cache-Control:. That means you either have to change the webserver configuration, or have the CSS files served by a PHP script rather than as plain text.
在 Mac 中,使用 command+shift+r 强制刷新页面。
in Mac, use command+shift+r to force refresh page.