我正在使用PHP创建网站。完成后,我仅在Firefox上进行了测试。今天,当我尝试在其他浏览器(Opera,Chrome和Internet Explorer)上对其进行测试时,发现CSS中存在一些问题。当我对CSS文件进行更改时,除Firefox外,所有这些浏览器均未显示对CSS文件所做的更改。
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
到目前为止,我在谷歌搜索了很长时间后一直尝试的是
浏览器的缓存已清除
在style.css的末尾加上“?v ='+ 1每次'”
使用'ctrl + f5','ctrl + r'等刷新网页。
有什么帮助吗?提前致谢....
最佳答案
大多数浏览器都有此行为。每当您尝试加载页面时,如果浏览器的缓存中已经存在任何资源,则会从那里加载它们。
您有两种选择:
禁用首选浏览器的浏览器缓存(某些浏览器允许您禁用特定域的缓存)
通过在请求的资源文件名后附加非重复参数,使您的HTML
始终刷新资源。我个人使用:?v=1482939287
(其中1482939287
是时间戳)。这将使浏览器始终刷新资源,因为它将要求浏览器缓存中不存在的版本。
示例:<link rel="stylesheet" type="text/css" href="/css/style.css?v=1482939287">
更新:您可以通过打开开发控制台(Ctrl + Shift + I),刷新页面箭头(打开开发控制台的同时)right-click
并选择清空缓存和硬重载来刷新网页缓存。那就是清空缓存。
您还可以按照上面的建议禁用它,方法是打开开发控制台,转到“网络”选项卡,然后选中它下面的“禁用缓存”复选框。请注意,仅在打开开发人员控制台时禁用缓存。