जवाबों:
Chrome DevTools में CSS प्रीप्रोसेसर के साथ काम करने से :
कई डेवलपर्स सीएसएस प्रीप्रोसेसर का उपयोग करके CSS स्टाइल शीट बनाते हैं, जैसे कि Sass, Less, या स्टाइलस। क्योंकि CSS फाइलें जनरेट होती हैं, CSS फाइलों को सीधे एडिट करना उतना उपयोगी नहीं है।
पूर्व-स्रोत के लिए जो सीएसएस स्रोत मानचित्रों का समर्थन करते हैं, DevTools आपको स्रोत पैनल में अपनी प्रीप्रोसेसर स्रोत फ़ाइलों को लाइव-एडिट करने देता है, और DevTools छोड़ने या पृष्ठ को रिफ्रेश किए बिना परिणाम देखने के लिए। जब आप किसी ऐसे तत्व का निरीक्षण करते हैं, जिसकी शैलियाँ उत्पन्न सीएसएस फ़ाइल द्वारा प्रदान की जाती हैं, तो तत्व पैनल मूल स्रोत फ़ाइल का लिंक प्रदर्शित करता है, न कि उत्पन्न .css फ़ाइल का।
यदि आप केवल त्रुटि से छुटकारा पाना चाहते हैं, तो आप इस पंक्ति को भी हटा सकते हैं bootstrap.css:
/*# sourceMappingURL=bootstrap.css.map */
#और यह एक साधारण टिप्पणी में बदल जाएगा, यदि आप इसे बाद में वापस चाहते हैं।
bootstrap.css, तो क्या यह किसी भी त्रुटि या तरह की चीजों का कारण बनता है?
gulp --productionयदि आप गुल का उपयोग करते हैं, तो यह उस सोर्सिंग लाइन को शामिल नहीं करेगा) और * .map फ़ाइलों को आपके अपलोड से उत्पादन सर्वर तक शामिल नहीं करता है।
बूटस्ट्रैप सीएसएस कम द्वारा उत्पन्न किया जा सकता है। क्रोम डे टूल में css सोर्स कोड को कम सोर्स कोड से लिंक करने के लिए मैप फाइल का मुख्य उद्देश्य होता है। जैसा कि हम करते थे। यदि हम क्रोम देव टूल में तत्व का निरीक्षण करते हैं। आप सीएसएस का स्रोत कोड देख सकते हैं। लेकिन अगर बूटस्ट्रैप css फाइल वाले पेज में मैप फाइल को शामिल करें। आप कम कोड देख सकते हैं जो उस तत्व शैली पर लागू होता है जिसका आप निरीक्षण करना चाहते हैं।
क्या आपने कभी अपने आप को पाया है कि आप अपने क्लाइंट-साइड कोड को पढ़ने योग्य और अधिक महत्वपूर्ण रूप से डिबग करने योग्य रख सकते हैं, जबकि आपने प्रदर्शन को प्रभावित किए बिना इसे संयोजित और छोटा किया है? खैर अब आप स्रोत के नक्शे के जादू के माध्यम से कर सकते हैं।
यह आलेख एक व्यावहारिक दृष्टिकोण का उपयोग करके स्रोत मानचित्र की व्याख्या करता है।
जो कोई भी इन फ़ाइलों (जैसे मुझे) की तलाश में यहां आया था, आप आमतौर पर .mapURL के अंत में जोड़कर उन्हें पा सकते हैं :
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
आपके द्वारा उपयोग किए जा रहे बूटस्ट्रैप के संस्करण के साथ संस्करण को बदलना सुनिश्चित करें।
CSS Map फाइल क्या है?
यह एक JSON प्रारूप फ़ाइल है जो CSS फ़ाइल को अपनी स्रोत फ़ाइलों से जोड़ता है, सामान्य रूप से, पूर्वप्रक्रमकों में लिखी गई फ़ाइलें (जैसे, कम, सास, स्टाइलस, आदि), यह क्रम में वेब से स्रोत फ़ाइलों के लिए एक लाइव डिबग करना है। ब्राउज़र।
CSS preprocessor क्या है? उदाहरण: सास, कम, स्टाइलस
यह एक CSS जनरेटर टूल है जो CSS को मजबूती से और जल्दी उत्पन्न करने के लिए प्रोग्रामिंग पावर का उपयोग करता है।
\n?