ブートスウォッチのテーマファイルが2回ロードされる

私は自分のウェブサイトにブートスウィッチのテーマを追加しました。ブートスウォッチのテーマファイルが2回ロードされる

<!-- 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ファイルが2回読み込まれることです。どのブラウザでも開発者用コンソールを開くと、リソースで2回表示されます。同じHTML行によって読み込まれていることがわかるので、同じファイルです。このため、崩壊やメニューを閉じるときは、ただちに閉じて再び開きます。なぜ2回ロードするのか分かりません。これをどうすれば解決できますか？

出典

2017-02-11 Dan Lupascu

@neophyte私はこのウェブサイトの開発にLaravelを使用しています。それは既にブートストラップが含まれているかもしれないと私は再び私のウェブサイトのレイアウトにそれを含めたかもしれない。 –

@neophyteこのファイルはHTMLの同じ行で読み込まれるので混乱します。 –

それはあなたの怠慢かもしれません。私は同じ行を読み込むことによって何を意味するのか理解できませんでした。コンソールログのその部分だけのイメージを投稿できますか？ – neophyte

私はあなたの問題のために、約2理由を考えることができます---

No.1の

あなたは、ブートストラップ使用するプラグインを持っており、それは追加のcdnをロードしています。あなたは、いくつかを追加している

2号

は、その中にブートストラップCDNを持っているあなたのページにファイルが含まれています。したがって、メインページには2つのブートストラップcdnがロードされます。

提案 bootswatchのテーマからブートストラップのCDNを削除してください。私はあなたのウェブサイトがすでにそれに含まれているブートストラップCDNを持っていると仮定しています。

出典

2017-02-12 03:50:57 neophyte

Google Chromeのデベロッパーツールにアクセスすると、[ネットワーク]タブのページで読み込まれたすべてのファイルが表示されます。このファイルが2回ダウンロードされたことがわかります。同じタブで、HTMLから何行目にこのファイルをダウンロードしたのかを見ることができます（私がInitiator上にマウスポインタを置いたとき）、HTMLで2回宣言されるように、このファイルをダウンロードするのと同じ行ですが、。 –

私はそれが古いスレッドだと知っていますが、同じものを探していて答えを見つけました。

URLからintegrity属性を削除して1回だけダウンロードします。

この新しい属性integrity属性は、ブラウザがcdnを初めて呼び出して、ファイルが操作されていないことを確認してから、2番目の呼び出しでファイルが読み込まれるようにするものです。

どういうわけかそれは欠陥があり、2回ダウンロードしないでください。

出典

2017-06-20 02:52:38

ブートスウォッチのテーマファイルが2回ロードされる

答えて

関連する問題