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

My web page sometimes ignores my css file

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

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

  • 这不仅发生在 CSS 文件中,也发生在脚本中。

有很多解决方案:

如果生产环境出现:

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

如果只是在本地环境开发:

  • 您可以清空缓存并重新加载网页(通过打开 devtool,右键单击重新加载图标,select 清空缓存并重新加载网页或仅使用 ctrl + f5)。每次更改脚本或样式表文件时都需要这样做

  • 或者你可以禁用浏览器缓存(按f12打开devtool,在浏览器devtool中切换到network tab,勾选Disable cache
  • 我不推荐 Disable cache。你应该坚持 empty cache and hard reload

是浏览器缓存的问题

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

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