2017-03-27 76 views
5
<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
</head> 
<body> 
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> 
</body> 
</html> 

在chrome网络中,我可以看到bootstrap.min.css加载了两次。 有人可以解释我为什么吗?胜57上的v.57 chrome network引导样式表被加载两次

+0

这是发生与您的问题中包含的确切的HTML文件? – sean

+0

是的,我刚刚尝试,我的家用电脑上的这个html代码(也赢得了8.1和Chrome 57),并得到同样的问题:bootstrap.min.css被加载两次。 – Dmitriy

+0

CSS链接的完整性属性是什么使它加载两次,我仍然试图找出原因。 – zenofewords

回答

8

找到了一些关于该问题的信息here

链接元素的integrity属性尚未实现,并且存在关于它的开放规范问题。这意味着任何完整性元数据的存在将会丢弃预加载的资源。在野外,它也会导致重复的请求,您必须在安全性和性能之间进行权衡。

+0

那么我应该保留标签?或者现在不使用它? – bbennett36

+0

这取决于你。看起来好像有很多关于解决属性问题的事情,所以这个bug可能暂时会出现。 – zenofewords

0

我不清楚这与完整性标签有关。无论有没有它们,我都会在Firefox的Web开发网络窗格中看到多个负载的bootstrap.min.css。

这似乎是由于Bootstrap JS包括一个单独的调用它。尽管出于性能原因,最好坚持CSS的直接加载。