2016-02-01 21 views
18

Twitter Bootstrap'i kullanarak bir web sayfam var. Chrome, Firefox ve Safari'de iyi çalışıyor. Ancak, Windows 10'da Edge'de görüntülemeye çalıştığımda, Bootstrap CDN'sinden bir dizi gereksiz dosyayı yüklemediğini söyleyen bir sürü 403 hatası alıyorum. Tarayıcı, onlarla hiçbir şey yapamazsa neden isteksiz dosyalar isteniyor? Tamamen kullanmıyorum, sadece iyi CSS3, sadece iyi render. Bunu nasıl durduracağım?Bootstrap neden Edge'de LESS dosyalarını yüklemeye çalışıyor?

Deluge of unnecessary LESS file requests

+1

Büyük olasılıkla this bulunmaktadır. (Aslında bu dosyaları gerçekten kendi stil sayfası hata ayıklayıcısını/denetçisini açana kadar istemeye çalışmaz). –

+1

P.S. Açıkçası "onlar" demek MS, Bootstrap değil. –

+1

Edge, F12 araçları şeylerin görünümü tarafından açıldığında dosyaları ister. Chrome, daha az dosyaya gidene kadar istekte bulunmaz. Chrome araçları da 403, ancak ağ sekmesinde 403'ü bildirme görünmüyor. Sadece boş bir dosya al. Kenar davranışı muhtemelen tercih ettiğim bir özelliktir çünkü Chrome'la ilgili bir sorun olduğunu fark etmemeniz çok kolay. –

cevap

31

iyi haber bu sitenin düzenli kullanıcıları etkileyen olmayacak olduğunu. Kötü haber, Chrome'da da bir ölçüde gerçekleşiyor, Chrome'daki ağ sekmesi 403 hatasını bildirmiyor. Orada dosyanın alt kısmında bir çizgidir bağlantı veren CSS dosyasında

: Bu kaynak haritaları olduğunu

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

ve minified CSS oluşturmak için kullanılan tüm kaynak dosyalarına bağlantılar verir tarayıcınızda. Eğer kaynak haritaları etkin ve dev araçları açık varsa kaynak haritası dosyası sadece indirilecek böyle http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/scaffolding.less

olarak var olmayan CDN dosyalarına işaret önyükleme durumda

. Kenar varsayılanları, kaynak haritalarını açıp kapatacak bir yol olmadığını söyleyebildiğim kadarıyla (ama bu yalnızca dev araçların açık olması durumunda gerçekleşeceğini hatırlıyorum, bu davranışı Fiddler kullanarak doğruladım), böylece f12 tuşuna bastığınızda Kaynak haritalanmış dosyaları almaya çalışıyorum. Chrome biraz farklı çalışır, kaynak haritayı indirir, ancak kaynak dosyaya gidene kadar .less dosyasını indirmeyi denemez.

.Bir dosyalardan biri bir 403 döndürüyorsa Yasak yanıt Edge bunu ağ sekmesinde bildirir. Chrome, değil.

Fiddler gibi bir http hata ayıklayıcısını kullanırsanız, Chrome'un gerçekten dosyaları istediğini ve 403 yanıt aldığını görürsünüz, ancak bunu ağ sekmesinde bildirmez. Https sayısını aşmak için Fiddler'ı kullanırken, https URL'sini işaret etmek için CSS dosyasını değiştirdim. örn., bu sorunun düzeltmesi, kaynak haritada 403'lük olan dosyaları düzeltmektir. Ben önyükleme maxcdn GitHub repro bir konusunu gündeme getirmiştir: https://github.com/MaxCDN/bootstrap-cdn/issues/629

+1

Teşekkürler Martin. Bu sorun (# 629) GitHub'da çözüldü. – jdorfman

+0

'bootstrap.min.css.map' dosyasını yeniden adlandırmak (örneğin 'disabled-bootstrap.min.css.map') ve 'bootstrap' adlı boş bir dosya yerleştirmek için hızlı bir düzeltme (sitenin canlı sürümünde) olabilir. .min.css.map 'aynı klasörde. Bu benim durumumda hızlı ve kirli bir çözüm gibi görünüyor. –

0

MaxCDN kendisi ile ilgili bilinen bir sorun vardır.(Ve CDNjs yanı) referans için

Kayıtlı sorunlar:

CDN analizi: bootstrap file için bootstrap.min.css.map, .less uzantılı dosyaların herhangi biri sourceMappingURL için

(ör) HTTP durumu 403 (yasak) ile yüklenemedi.

Chrome bu sorunu geliştirici konsolunda gösteriyor, ancak Edge bu değil. .less dosyalarına erişirken sorun, this bağlantısına erişerek yeniden üretilebilir.

Bu sorun yalnızca MaxCDN ile değil, CDNjs ile de geçerlidir. CDNjs için bağlantılar, bunlar CSS sourcemaps desteği eklemek için çalıştı ama henüz bu özelliği parlatmak vermedi this & this

İlgili konular