gpt4 book ai didi

css - 除了 firefox 之外,没有其他浏览器会立即加载 CSS 文件中的更改

转载 作者:太空宇宙 更新时间:2023-11-04 09:23:08 24 4
gpt4 key购买 nike

我正在使用 PHP 制作一个网站。在完成它时,我只在 Firefox 上测试了它。今天,当我尝试在其他浏览器(Opera、Chrome 和 Internet Explorer)上测试它时,我发现我的 CSS 存在一些问题。当我更改我的 CSS 文件时,除了 Firefox 之外,这些浏览器都没有显示在 CSS 文件中所做的更改。

<link rel="stylesheet" type="text/css" href="style.css" media="screen">

到目前为止,我在谷歌搜索了很长时间后尝试的是

  • 清除浏览器缓存
  • 将“?v='+1 everytime'”放在 style.css 的末尾
  • 使用“ctrl+f5”、“ctrl+r”等刷新网页

有什么帮助吗?提前致谢....

最佳答案

这是大多数浏览器的预期行为。每当您尝试加载页面时,如果浏览器的缓存中已经存在任何资源,它们将从那里加载。

你有两个选择:

  1. 禁用您首选浏览器的浏览器缓存(某些浏览器允许您禁用特定域的缓存)
  2. 让你的HTML始终通过将非重复参数附加到请求的资源文件名来刷新资源。我个人使用:?v=1482939287 (其中 1482939287 是时间戳)。这将使浏览器始终刷新资源,因为它会请求浏览器缓存中不存在的版本。
    示例:<link rel="stylesheet" type="text/css" href="/css/style.css?v=1482939287">

更新:您可以通过打开 Dev Console (Ctrl+Shift +I) 刷新网页缓存,right-click - 点击刷新页面箭头(当开发控制台打开时)并选择清空缓存和硬重新加载。即清空缓存。

您也可以按照上面的建议禁用它,方法是打开 Dev Console,转到Network 选项卡并选中“Disable缓存” 复选框就在它下面。请注意,缓存仅在您的开发者控制台打开时被禁用。

关于css - 除了 firefox 之外,没有其他浏览器会立即加载 CSS 文件中的更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41364800/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com