2017-02-11 77 views
0

我在我的網站中加入了一個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行加載的。因此,當我想關閉崩潰或菜單時,它會關閉並快速打開。我不知道它爲什麼加載兩次。我怎樣才能解決這個問題?

+0

@neophyte我正在使用Laravel開發此網站。這可能是它已經包含引導程序,我再次將其包含在我的網站佈局中。 –

+0

@neophyte我很困惑,因爲這個文件被同一行的HTML加載。 –

+0

它可能是你的laravel。我不明白你是用什麼方式加載同一行。你能發佈只有那部分控制檯日誌的圖像嗎? – neophyte

回答

0

我能想到的大約兩個原因您的問題---

一號

你有一個使用自舉一個插件,它加載額外的cdn

二號

你加入了一些包括在你的網頁,其中有裏面的引導CDN文件。因此,您的主頁加載了兩個引導程序cdn

建議 嘗試從bootswatch主題中刪除bootstrap cdns。因爲我假設你的網站已經包含bootstrap cdn了。

+0

當我轉到Google Chrome瀏覽器中的開發人員工具時,我可以看到「網絡」選項卡中頁面加載的所有文件。我可以看到這個文件在那裏下載了兩次。在同一個標​​籤中,我可以看到我的html下載了這個文件的哪一行(當我將鼠標懸停在Initiator上時),並且它與下載此文件的行相同,就像它會在我的HTML中聲明兩次一樣,但它只聲明一次。 –

0

我知道這是一個古老的線程,但我正在尋找相同的,也找到了答案。

從url中刪除integrity屬性,它只下載一次。

這個新屬性integrity屬性,我認爲是什麼使瀏覽器第一次調用cdn來檢查文件沒有被操縱,然後第二次調用恰好加載文件。

不知何故它是有缺陷的,不應該下載兩次。