Question

我的网站有了一些新的颜色，我更新了我的CSS文件中的颜色代码，但是像往常一样，由于某种原因它不会加载到IE或Edge中。

我已在我的网站和浏览器中清除了缓存。它仍然没有加载新的颜色代码。

你知道如何解决这个问题吗？

您要求提供详细信息。这里是我的老css的样子。

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li:hover {
    background-color:#222;
}

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li:hover a span{
    color:#fff;
}

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li.level0.nav-2.level-top.parent.active, div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li.level1.active {
    background-color:#222;
}

新代码

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li:hover {
    background-color:#671125;
}

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li:hover a span{
    color:#fff;
}

div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li.level0.nav-2.level-top.parent.active, div#root-wrapper > div.wrapper > div.page > div#top.header-container > div.header-container2 > div.header-container3 > div.nav-container > div.nav.container.clearer.show-bg.has-outline > div.navigation > ul#navi.nav > li.level1.active {
    background-color:#671125;
}

IE不会加载它。它读取旧的，所以某种缓存问题，但我已经尝试清除所有。

http://www.puk-int.dk/bestsellere/den-effektive-marketingplan.html

我可以在响应头中看到它需要旧的CSS。但为什么呢？

Answer 1

Internet Explorer和Edge中有一些开发人员工具可以帮助您诊断CSS缓存（这似乎是您遇到的问题）。

如果您按F12，您将调出F12开发人员工具，您可以转到网络选项卡。然后，您可以查看各个CSS文件的来源以及它们的来源。

工具栏上有一个图标，其中一个服务器的角落有一个刷新图标。您可以启用此项“始终从服务器刷新”以确保从服务器而不是任何缓存加载所有资产。

有时CSS文件由中间内容交付网络缓存....在这些情况下，您可能需要考虑实施缓存清除策略，例如本文中描述的那些：https://css-tricks.com/strategies-for-cache-busting-css/

IE和Edge没有加载新的样式表

1 个答案: