我正在通过XAMPP开发一个基于WordPress源代码的网站。有时我更改CSS代码,脚本或其他东西,我注意到我的浏览器需要时间来应用这些修改。这导致我使用多个浏览器来刷新一个,如果它不能应用新的样式,我会尝试第二个,结果总是这样。
有什么方法可以避免这个问题吗?
有时我会在没有注意到之前的修改的情况下更改代码。
发布于 2012-07-14 00:23:48
如果你想在客户端避免这种情况,当文件内容改变时,你可以在css文件链接中添加像?v=1.x
这样的东西。例如,如果存在<link rel="stylesheet" type="text/css" href="css-file-name.css">
,您可以将其更改为<link rel="stylesheet" type="text/css" href="css-file-name.css?v=1.1">
,这将绕过缓存。
发布于 2012-07-14 00:26:30
如果你会写php,你可以写:
<script src="foo.js<?php echo '?'.mt_rand(); ?>" ></script>
<link rel="stylesheet" type="text/css" href="foo.css<?php echo '?'.mt_rand(); ?>" />
<img src="foo.png<?php echo '?'.mt_rand(); ?>" />
它会一直刷新!
编辑:当然,这对整个网站来说并不实用,因为你不会为所有东西都手动添加它。
发布于 2018-10-21 05:49:16
检查这个:How Do I Force the Browser to Use the Newest Version of my Stylesheet?
假设您的css文件是foo.css
,您可以通过附加查询字符串强制客户端使用最新版本,如下所示。
<link rel="stylesheet" href="foo.css?v=1.1">
https://stackoverflow.com/questions/11474345
复制相似问题