html - CSS 被下载两次

Question

我正在检查 Chrome 中的网络选项卡，我看到一些 CSS 文件被下载了两次。我不知道为什么，但只是来自 CDN 的那些(我不知道这是不是问题所在，我只是注意到了)。

我没有使用 Service Worker 来控制它，它只在我的 HTML 中包含一次(当我点击查看调用该文件的行时，两个文件都指向同一行)。

截图如下:

这是 HTML:

<link rel="stylesheet" crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u">
<link rel="stylesheet" crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN">
<link rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/css/alt/AdminLTE-without-plugins.min.css" integrity="sha384-WG5KI+rc1FCbcov6sW97p+sxrnYctXfkPWh+TtV+NHpIW2/svd8GC7v/PFFATsCh">
<link rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/css/skins/skin-blue.min.css" integrity="sha384-HpPw4BJmJc5KUoRUqCQwYKo0Kk94VbzanZQdGrG0m5h2dnUTxN0FHRDmKNyv5ymR">
<link rel="stylesheet" href="https://infomec.net.br/assets/css/main.css?v=2.8">

在隐身模式下也是如此。

您可以访问https://infomec.net.br并检查它(登录:stackuser，通过:stackuser；刚刚为它创建了这个用户)。

我希望得到任何帮助、技巧或指导，因为我已经做了很多研究，但没有任何效果。

Chrome 56.0.2924.87 (64-bit), Windows 10 (Version 1607, build 14393.693)

---

编辑

我尝试过的:

禁用任何 Chrome 扩展程序 - 同样的事情

禁用异步下载 2 个 CSS 文件，它们只被下载一次，现在它们也被下载两次。

从链接中删除了完整性 - 有效!，但是......为什么？

所以，我只是使用 Edge 检查了它，然后...

...同样的问题，但它显示 XMLHttpRequest 正在下载一个...为什么？

Answer 1

尝试从 CDN 中删除 integrity 关键字并检查它是否有效。对我来说，它正在努力将其删除。问题可能有很多原因，其中一些是您安装的扩展程序、您的浏览器版本等。