बूटस्ट्रैप एज में कम फ़ाइलों को लोड करने का प्रयास क्यों कर रहा है?

Question

मेरे पास ट्विटर बूटस्ट्रैप का उपयोग कर एक वेब पेज है। यह क्रोम, फ़ायरफ़ॉक्स और सफारी में अच्छी तरह से काम करता है। हालांकि, जब मैं इसे विंडोज 10 पर एज में देखने की कोशिश करता हूं, तो मुझे 403 त्रुटियों का एक गुच्छा मिलता है क्योंकि यह बूटस्ट्रैप सीडीएन से कई फाइलों को लोड करने में असफल रहा। यदि ब्राउज़र उनके साथ कुछ भी नहीं कर सकता है तो .लेस फाइलों का अनुरोध क्यों किया जा रहा है? मैं कम से कम उपयोग नहीं कर रहा हूं, सिर्फ सादा CSS3, जो ठीक से प्रस्तुत कर रहा है। मैं यह रोक कैसे बना सकता हूं?

Answer 1

अच्छी खबर के लिए इस साइट का नियमित रूप से उपयोगकर्ताओं को प्रभावित नहीं किया जाएगा। बुरी खबर यह है कि क्रोम में यह कुछ हद तक भी हो रहा है, यह सिर्फ इतना है कि क्रोम में नेटवर्क टैब 403 त्रुटियों की रिपोर्ट नहीं कर रहा है।

सीएसएस फ़ाइल आप लिंक है कि वहाँ फ़ाइल के तल पर एक लाइन है:

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

इस स्रोत नक्शे है और सभी स्रोत न्यूनतम किया गया सीएसएस उत्पन्न करने के लिए इस्तेमाल किया फ़ाइलों के लिंक देता है कि आपके ब्राउज़र में है

बूटस्ट्रैप उदाहरण CDN फ़ाइलों की ओर इशारा करते है कि अस्तित्व में नहीं है इस तरह के http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/scaffolding.less

के रूप में स्रोत मानचित्र फ़ाइल केवल यदि आप स्रोत नक्शे सक्षम है और अपने देव उपकरण खुला है डाउनलोड किया जा होगा। एज स्रोत स्रोतों को डिफ़ॉल्ट करता है और जहां तक ​​मैं कह सकता हूं कि उन्हें बंद करने का कोई तरीका नहीं है (लेकिन याद रखें कि यह तब होगा जब देव उपकरण खुले होते हैं, मैंने फिडलर का उपयोग करके इस व्यवहार की पुष्टि की है), इसलिए जब आप f12 दबाते हैं तो यह स्रोत मैप की गई फ़ाइलों को लाने और लाने के लिए जा रहा है। क्रोम थोड़ा अलग काम करता है, यह स्रोत मानचित्र डाउनलोड करेगा लेकिन फिर जब तक आप स्रोत फ़ाइल पर नेविगेट नहीं करते हैं तब तक .less फ़ाइल डाउनलोड करने का प्रयास नहीं करेंगे।

यदि कोई भी .लेस फाइल 403 लौटा रही है निषिद्ध प्रतिक्रिया एज नेटवर्क टैब में इसकी रिपोर्ट करता है। क्रोम dosen't।

यदि आप फिडलर जैसे http डीबगर का उपयोग करते हैं तो आप देखेंगे कि क्रोम वास्तव में फ़ाइलों का अनुरोध करता है और 403 प्रतिक्रिया भी प्राप्त करता है, हालांकि, यह नेटवर्क टैब पर इसकी रिपोर्ट नहीं करता है। Https समस्या को पार करने के लिए फिडलर का उपयोग करते समय मैंने सीएसएस फ़ाइल को गैर https यूआरएल पर इंगित करने के लिए बदल दिया। उदाहरण: http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

इस समस्या का समाधान उन स्रोतों को ठीक करना है जो स्रोत मानचित्र में 403'ing हैं। मैंने बूटस्ट्रैप maxcdn GitHub repro पर एक मुद्दा उठाया है: https://github.com/MaxCDN/bootstrap-cdn/issues/629

Answer 2

MaxCDN के साथ एक ज्ञात समस्या है।(और CDNjs रूप में अच्छी तरह)

संदर्भ के लिए लॉग इन मुद्दों:

• https://github.com/MaxCDN/bootstrap-cdn/issues/671 - यह समस्या बंद कर दिया है नकल के रूप में

• https://github.com/MaxCDN/bootstrap-cdn/issues/629 - ज्ञात बग

• https://github.com/twbs/bootstrap/issues/19063 - ट्विटर के साथ खुला मुद्दा बूटस्ट्रैप

CDN विश्लेषण:

sourceMappingURL जो bootstrap file के लिए bootstrap.min.css.map, .less विस्तार से किसी भी फ़ाइल है (उदाहरण के लिए this file) HTTP स्थिति 403 (वर्जित) के साथ लोड करने में विफल रहे हैं।

क्रोम डेवलपर कंसोल में इस समस्या को दबा रहा है, हालांकि एज नहीं है। .less फ़ाइलों तक पहुंचने पर समस्या this लिंक तक पहुंचकर पुन: उत्पन्न करने योग्य है।

यह समस्या न केवल MaxCDN के साथ है, बल्कि CDNjs के साथ भी है। सीडीएनजे के लिए लिंक this, this & this