XAMPP - 不加载样式表

时间:2016-01-29 20:54:06

标签: css xampp

我正在建立一个我正在使用XAMPP进行测试的网站。我真的很挣扎于设计,因为每当我在浏览器中刷新localhost网页时,似乎都没有应用设计更改。上次我完成实现时,我关闭了XAMPP和我的HTML / CSS编辑器,当我打开它们并再次加载页面时,之前未应用的一些更改现在应用于页面。 我尝试再次更改这些值并刷新页面,以查看它是否最终按预期工作,并且最新更改无法再次应用。

我完全不知道发生了什么,但似乎只有在新启动XAMPP并且第一次加载页面时才会应用更改。任何人都可以建议为什么会这样吗?

提前致谢,

标记

5 个答案:

答案 0 :(得分:3)

您可以尝试使用包含CSS文件的缓存清除技术。在CSS文件位置的末尾添加?v=<some numbers>

类似的东西:

<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/stackoverflow/all.css?v=e031e80c3d8b">

您可以使用PHP的time函数为您生成哈希值。因为它是一个Unix时间戳,每次刷新时它都会改变。

<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/stackoverflow/all.css?v=<?php echo time(); ?>">

虽然我不认为这是一个长期的解决方案。如果没有其他信息,很难提出任何与XAMPP相关的建议。

答案 1 :(得分:1)

如评论中所述,这可能是缓存问题。您可以使用这个简单的PHP代码自动添加时间戳版本,而无需在每次更新时设置数字:

定义时间戳变量

<?php
$timestamp = date("YmdHis"); // output: 20150715164614
?>

为文件添加时间戳

<link rel="stylesheet" type="text/css" href="mystyle.css?v=<?php echo $timestamp;?>">

或者,您可以通过发送这些PHP标头

来完全禁用缓存
header('Expires: Sun, 01 Jan 2014 00:00:00 GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', FALSE);
header('Pragma: no-cache');

答案 2 :(得分:1)

大量线程带来了一个烦人的小问题,并提出了解决方案/解决方法的建议。清空浏览器缓存(Safari)对我来说工作了一段时间,但是在更改CSS样式表后,似乎只是从Xampp管理器重新启动Apache服务器似乎是最好的。我重复了几次测试,之后它甚至似乎使开发人员工具窗口始终如一地实时运行,而这在以前是XAMPP所没有的。强制刷新似乎没有任何作用,希望对您有所帮助!

答案 3 :(得分:0)

我也遇到了这个问题,一旦找到解决方案,我就会发布此答案。之前已经阅读了该线程(由于提供了更早的答案),我知道它与缓存有关。很高兴我现在找到了

通过“检查”访问您的开发人员工具,然后选择上方的“网络”菜单工具栏。接下来,单击“禁用缓存”并重新加载您的网页。TADA !!!

不幸的是,我似乎无法发布图片

答案 4 :(得分:-1)

重命名文件夹并更改css文件中的路径