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?
cevap
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
Teşekkürler Martin. Bu sorun (# 629) GitHub'da çözüldü. – jdorfman
'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. –
MaxCDN kendisi ile ilgili bilinen bir sorun vardır.(Ve CDNjs yanı) referans için
Kayıtlı sorunlar:
- - Bu sorun
https://github.com/MaxCDN/bootstrap-cdn/issues/629 yinelenen olarak kapalı - Bilinen hata
https://github.com/twbs/bootstrap/issues/19063 - Twitter ile açık sorunu bootstrap
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
- 1. Bootstrap Özelleştirme: Neden LESS kullanmalıyım?
- 2. LESS: Bootstrap
- 3. ActivityNotFoundException Kişileri yüklemeye çalışıyor ContentProvider?
- 4. GWT silinmiş bir modül yüklemeye çalışıyor
- 5. Scrapy yüklemeye çalışıyor - hata: 'openssl.exe' bulamadı
- 6. Yükleyici, Wix bootstrap UI kullanılarak oluşturuldu, her zaman nokta net framework yüklemeye çalışıyor olsa da,
- 7. CSS - LESS sınıfı kalıtım
- 8. CSS ve göreli yolları içe aktarma LESS
- 9. LESS dosyalarını, lessc kullanarak yorumları kaldırmadan sıkıştırmak mümkün mü?
- 10. Symfony 2 Başka bir paketten LESS dosyalarını alma
- 11. Yol çizgisinde dize enterpolasyonlu .less dosyalarını nasıl alırım?
- 12. CakePHP 3 Hata: Uygulama, DebugKit eklentisinden bir dosya yüklemeye çalışıyor
- 13. Visual Studio güncelleştirmesi 3 yükleyici yerine güncelleştirme 2 yüklemeye çalışıyor
- 14. Windows 7 üzerinde Perl için MinGW ve Tk'yi yüklemeye çalışıyor
- 15. JQuery'm neden yavaş çalışıyor?
- 16. Neden 2..toString() çalışıyor?
- 17. Bootstrap sütunlarım neden çakışıyor?
- 18. .Less dosya uzantısı derlenmemiştir
- 19. neden GC her saat çalışıyor?
- 20. Aşağıdaki PDO işlemi neden çalışıyor?
- 21. Bu kurtarma sözdizimi neden çalışıyor?
- 22. PDO bağlantısı neden yavaş çalışıyor?
- 23. Bu yineleme programı neden çalışıyor?
- 24. Neden "==" bazen String.trim ile çalışıyor?
- 25. Neden bölünmüş ('') akıllı olmaya çalışıyor?
- 26. Bu scanf() dönüşümü neden çalışıyor?
- 27. npm ile bootstrap kullanımı değiştiriliyor
- 28. Gulp Browsersync, her filechange ile birden fazla yeniden yüklemeye neden oluyor
- 29. Bootstrap navbar css neden çalışmıyor?
- 30. React Bootstrap Glyphicons neden gösterilmiyor?
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). –
P.S. Açıkçası "onlar" demek MS, Bootstrap değil. –
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. –