मैं गतिशील jQuery साथ एक पृष्ठ पर सीएसएस टैग जोड़ने हूँ:क्या सीएसएस के लिए स्रोत मानचित्र की तरह कुछ है?
$('<style type="text/css"/>').text(css).appendTo(document.head);
जब Chrome डेवलपर टूल में देखी, सीएसएस के सभी के रूप में "स्थानीय होस्ट" दिखाई देता है, जो हमेशा उपयोगी नहीं है:
क्या सीएसएस के लिए स्रोत मैप्स की तरह कुछ भी है जो मुझे सीएसएस के स्रोत को डीबगर में पहचानने देगा?
इनलाइन शैली टैग में एक स्रोत URL जोड़ें जैसे आप इसे जोड़ते हैं।
/*@ sourceURL=mystyles.css */
यह इनलाइन शैली टैग को एक अस्थायी नाम देगा जो नेविगेशन के लिए देवतुल्स के अंदर उपयोग किया जाएगा।
क्या यह इनलाइन स्रोत मानचित्रों के साथ काम करने के लिए है? जैसे ' ' –
यह सीएसएस के स्रोत की पहचान कर रहा है। यह केवल स्थानीयहोस्ट के रूप में दिखाई देता है क्योंकि शैली का स्रोत आपके लोकहोस्ट होमपेज पर आंतरिक जावास्क्रिप्ट से है। यदि आप नियम स्थान के लिंक पर क्लिक करते हैं, तो आपको अभी भी इन-लाइन जावास्क्रिप्ट पर ले जाना चाहिए जो गतिशील रूप से आपकी शैली को सेट करता है।
स्रोत स्रोत के लिए, क्या आपने "संगणित शैली" अनुभाग का विस्तार करने और फिर उस विशिष्ट शैली का विस्तार करने की कोशिश की है जिसके साथ आप विरासत पदानुक्रम देखना चाहते हैं?
बस उत्सुक और अर्थपूर्ण नहीं है कि आप अपनी पूरी परियोजना को समझाएं, लेकिन आप वास्तव में स्टाइलशीट में क्यों जोड़ रहे हैं? टेम्पलेट्स परोसने से पहले सशर्त रूप से स्टाइलशीट जोड़ना निश्चित रूप से इस समस्या को हल करेगा, साथ ही ब्राउज़र द्वारा आवश्यक बहुत कम पुन: पुन: प्रस्तुत करने का काम करेगा जब इस तरह गतिशील सीएसएस इंजेक्शन दिया जाता है ... – joeellis
क्रोम दूरस्थ, पृष्ठ की पहचान करने का अच्छा काम करता है और तत्व स्तर सीएसएस। लोकलहोस्ट सिर्फ आपका डिफ़ॉल्ट पृष्ठ है और संभवतः आपके गतिशील रूप से जोड़े गए सीएसएस का सही स्रोत है। मैं @ जॉयेलिस के साथ हूं, हालांकि, मुझे फ्लाई पर सीएसएस बनाने का विचार पसंद नहीं है। इसे जितनी जल्दी हो सके प्रतिक्रिया स्ट्रीम में जोड़ा जाना चाहिए ताकि ब्राउज़र गतिशील रूप से जोड़े गए परिवर्तनों के आधार पर लगातार तत्वों को पुन: प्रस्तुत करने के बजाय इसे प्रस्तुत करने के लिए उपयोग कर सके। – iGanja
@joeellis यह एक बड़े ढांचे के लिए एक प्लगइन प्रणाली है। प्लगइन्स उन चीजों को कर सकते हैं जैसे सीएसएस और जावास्क्रिप्ट को उस पृष्ठ पर जोड़ें जो मुख्य ऐप शुरू होने के बाद मूल्यांकन किया जाता है लेकिन इससे पहले कि यह मुख्य लूप शुरू हो जाए। अजीब गोंद कोड अजीब गोंद-आई समाधान की आवश्यकता है :) –