浏览器源中的CSS选项卡与链接中的css不同

时间:2017-09-24 23:43:31

标签: css angularjs caching

我有一个从网址加载一些CSS的应用程序。使用链接标记从HTML页面加载css:

<link rel="stylesheet" type="text/css" data-ng-href="{{dynamicCss}}">

dynamicCss变量是以角度设置的,它是&#39; serverUrl / file.css?v = timeStamp&#39;类型的链接。使用timeStamp = new Date() * 1;

生成时间戳

我正在添加时间戳以阻止css被缓存,因为我们允许css自定义,并且当用户自定义样式时,服务器需要重新编译css文件。

同一个应用程序中还有其他页面加载不同的css文件,其中一些没有时间戳,因此它们被缓存。如果我来自其中一个页面,我可以在新页面的源选项卡中看到属于这些页面的css,即使这些页面也有时间戳以避免缓存。

我的问题是:每次部署代码时,如果我查看Chrome的“来源”选项卡并查找css文件,那么当我将其与cl文件(url&#39; serverUrl)进行比较时,缺少css /file.css?v=timeStamp'负载。如果我清除缓存,浏览器的sources选项卡中的css与链接中的css匹配。

有关正在发生的事情的任何想法?告诉浏览器缓存一些css文件而不是其他文件有什么问题吗?

1 个答案:

答案 0 :(得分:0)

问题出在服务器端,添加了一些缓存。