Bootswatch主题文件加载两次

时间:2017-02-11 22:46:00

标签: twitter-bootstrap-3 bootswatch

我在我的网站上添加了一个bootswatch主题。

<!-- Bootstrap CSS served from a CDN -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cerulean/bootstrap.min.css" rel="stylesheet" integrity="sha384-zF4BRsG/fLiTGfR9QL82DrilZxrwgY/+du4p/c7J72zZj+FLYq4zY00RylP9ZjiT" crossorigin="anonymous">

<!-- Scripts -->
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

问题是bootstrap.min.css文件加载了两次。当我在任何浏览器上打开开发者控制台时,我可以在资源中看到它两次。它是同一个文件,因为我可以看到它是由相同的html行加载的。因此,当我想关闭折叠或菜单时,它会关闭并再次快速打开。我不知道它为什么加载两次。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

我可以考虑你的问题的两个原因---

<强> 1号

你有一个使用bootstrap的插件,它正在加载额外的cdn

<强>第2期

您正在页面中添加一些包含文件,其中包含bootstrap cdn。因此,您的主页面加载了两个引导程序cdn

<强>建议 尝试从bootswatch主题中删除bootstrap cdns。因为我假设你的网站已经包含了bootnrap cdn。

答案 1 :(得分:0)

我知道它是一个旧线程,但我一直在寻找相同的答案。

从网址中删除integrity属性,只下载一次。

我认为这个新属性integrity属性是第一次检查文件是否被操作时浏览器调用cdn然后第二次调用加载文件的原因。

不知何故,它存在缺陷,不应下载两次。