bootstrap样式表加载了两次

时间:2017-03-27 16:12:44

标签: twitter-bootstrap

<!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被加载了两次。 谁能解释一下为什么? v.57胜利8.1 chrome network

2 个答案:

答案 0 :(得分:8)

找到有关问题here的一些信息。

  

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

答案 1 :(得分:0)

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

这似乎是由于Bootstrap JS包含对它的单独调用。虽然出于性能原因,但最好还是坚持直接加载CSS。