我的网页有时会忽略我的 css 文件答案

【问题标题】：My web page sometimes ignores my css file我的网页有时会忽略我的 css 文件
【发布时间】：2021-12-20 07:28:12
【问题描述】：

所以我正在使用 HTMl CSS 和 PHP 构建一个 Web 应用程序，有时当我对 css 文件进行更改时，Web 不会对其做出反应，我什至可以删除整个文件但仍然没有更改浏览器中的一个东西，我必须将 css 文件中的所有内容复制到另一个 css 文件中并使用该文件，然后它可以工作，但通常只需要几分钟，我必须将它改回来，所以目前我有风格。 css 和 styles.css 并根据情况我使用第一个或另一个，但它很烦人，我认为这可能与我使用 XAMPP 在 localhost 上运行它的服务器有关。感谢您的任何建议。

【问题讨论】：

您应该阅读文件版本控制。您还可以打开浏览器控制台（F12 或 ctrl+shift+c）并在network tab 中检查disable cache。然后，打开控制台，您将始终拥有新鲜的 CSS。还有硬刷新的快捷键：ctrl + F5。
感谢@Robert 解决了我的问题

标签： php html css debugging xampp

【解决方案1】：

这是因为浏览器的缓存。

如果您使用的是 Windows 或 Linux，只需在浏览器上点击ctrl+f5 即可清除缓存。您也可以点击谷歌浏览器的设置，然后搜索Cookies and site data并点击Clear data。

或按F12 打开 Chrome 的开发者工具，然后打开设置 (F1)。在 Network 标题下找到标记为 Disable cache (while DevTools is open) 的复选框并将其打开，这样 Chrome 将不再缓存您的 CSS 文件，并在打开开发工具窗口时始终加载最新版本。

【讨论】：

【解决方案2】：

您的问题来自浏览器缓存。

这种情况不仅发生在 CSS 文件中，而且也发生在脚本中。

有很多解决方案：

如果发生在生产环境中：

您可以对脚本和样式表文件进行版本控制

如果只是在本地环境中开发：

您可以清空缓存并硬重新加载网页（通过打开 devtool，右键单击重新加载图标，选择清空缓存并硬重新加载或只需使用 ctrl + f5）。每次更改脚本或样式表文件时都需要这样做

或者您可以禁用浏览器缓存（按f12打开devtool，在浏览器devtool中切换到network tab，并检查Disable cache。
我不推荐Disable cache。你应该坚持empty cache and hard reload

【讨论】：