2017-03-27 99 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的直接加載。