web-dev-qa-db-ja.com

なぜBootstrap= EdgeでLESSファイルをロードしようとしていますか？

Twitter Bootstrapを使用したWebページがあります。 Chrome、Firefox、Safariでうまく機能します。ただし、Windows 10のEdgeで表示しようとすると、Bootstrap CDNから多数の.lessファイルをロードできなかったことを示す403エラーが大量に表示されます。ブラウザがそれらで何もできない場合、ファイルが要求されますか？私はLESSをまったく使用せず、単純なCSS3だけを使用します。

Deluge of unnecessary LESS file requests

csstwitter-bootstraplessmicrosoft-edge
28
huertanix

幸いなことに、これはサイトの通常のユーザーには影響しません。悪いニュースは、これもChrome=で発生していることです。それは、Chromeのネットワークタブが403エラーを報告していないだけです。

リンクするCSSファイルでは、ファイルの下部に次の行があります。

/*# sourceMappingURL=bootstrap.min.css.map */

これはソースマップであり、ブラウザにある縮小されたCSSを生成するために使用されるすべてのソースファイルへのリンクを提供します。

bootstrapインスタンスでは、CDNは http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/scaffoldingなどの存在しないファイルを指している.less

ソースマップファイルは、ソースマップを有効にして開発ツールを開いている場合にのみダウンロードされます。 Edgeはデフォルトでソースマップをオンにしており、オフにする方法はありません（ただし、これは開発ツールが開いているときにのみ発生することを忘れないでください、Fiddlerを使用してこの動作を確認しました）ソースマップされたファイルを取得しようとします。 Chromeは少し動作が異なり、ソースマップをダウンロードしますが、ソースファイルに移動するまで.lessファイルをダウンロードしようとしません。

.lessファイルの1つが403 Forbidden responseを返している場合、Edgeはこれをネットワークタブで報告します。 Chrome dosen't。

Fiddlerなどのhttpデバッガーを使用する場合、Chromeは実際にファイルを要求し、403応答も取得しますが、ネットワークタブでは報告しません。 httpsの問題を回避するために、https以外のURLを指すようにCSSファイルを変更しました。例： http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css =

この問題の修正は、ソースマップで403 'になっているファイルを修正することです。 bootstrap maxcdn GitHub repro： https://github.com/MaxCDN/bootstrap-cdn/issues/629 で問題を提起しました

37
Martin Beeby

MaxCDN 自体に既知の問題があります。 （および CDNjs も同様）

参照用に記録された問題：

CDN分析：

sourceMappingURLの場合 bootstrap.min.css.map for bootstrap file 、任意の.less拡張ファイル（ this file ）がHTTPステータスでロードに失敗している403（禁止）。

Chromeは開発者コンソールでこの問題を抑制していますが、Edgeはそうではありません。 .lessファイルにアクセスするときの問題は、 this リンクにアクセスすることで再現できます。

この問題は、 MaxCDN だけでなく、 CDNjs でも発生します。 CDNjsのリンクは this 、 this ＆ this

1
student