7

पस्की आईई-केवल लेआउट और सीएसएस मुद्दों को हल करने के लिए, मैं आईई 9 के डेवलपर टूल्स को एचटीएमएल और सीएसएस को संपादित करने के लिए उपयोग करने की कोशिश कर रहा हूं। आदर्श रूप में मैं डीओएम/सीएसएस-मैनिपुलेशन वर्कफ़्लो के साथ समानता प्राप्त कर सकता हूं जिसका उपयोग मैं फायरबग और वेबकिट के इंस्पेक्टर के साथ करने के लिए करता हूं।आईई 9 एफ 12 डेवलपर टूल का उपयोग कर ग्रैनुलर डोम/सीएसएस संपादन: संभव है?

दूसरे शब्दों में, मैं एक तत्व या तत्वों के समूह के एचटीएमएल और सीएसएस को बार-बार संपादित करने में सक्षम होना चाहता हूं, और फिर मेरे परिवर्तन तुरंत स्क्रीन पर दिखाई देते हैं।

मैंने एफ 12 टूल्स 'पूर्ण पृष्ठ "संपादन सुविधाओं का पता लगाया है, जहां आप पूरे पृष्ठ के एचटीएमएल या सभी सीएसएस को ब्लॉक के रूप में संपादित कर सकते हैं, लेकिन टूल का उपयोग करने के कई घंटों के बाद भी, online help पढ़ना और कई Google खोज, मैं अभी भी फायरबग के साथ उपयोग कर रहा हूं कि फायरबग के साथ उपयोग किया जा रहा है।

इससे पहले कि मैं छोड़ देना, किसी को भी कैसे F12 उपकरणों के लिए उपयोग करने के लिए पता है ...

  • ... एक बार में एक विशेष तत्व और उसके बच्चों, नहीं पूरे पृष्ठ को संपादित? (जैसे फायरबग के "एचटीएमएल संपादित करें" संदर्भ-मेनू)
  • ... संपादन दृश्य में किए गए परिवर्तनों को ब्राउज़र में अवांछित रूप से दिखाएं, बजाय परिवर्तन देखने के लिए संपादन दृश्य से बाहर निकलने के बजाय?
  • ... संपादन दृश्य में वर्तमान में चयनित तत्व (इसके चारों ओर नीले वर्ग के साथ) आसानी से पता लगाएं?
  • ... एक तत्व को हटा दें? (फायरबग में मैं सिर्फ तत्व का चयन कर सकता हूं और "हटाएं" पर क्लिक कर सकता हूं)
  • ... उस तत्व को लागू करने के लिए दस्तावेज़ में प्रत्येक शैली के माध्यम से शिकार किए बिना कक्षा में एक नई शैली जोड़ें, जिस पर मैं परवाह करता हूं ? (फायरबग में मैं दाएं फलक में शैली पर डबल-क्लिक कर सकता हूं)।

यदि आईई के एफ 12 टूल्स के साथ उपर्युक्त चीजें संभव नहीं हैं, तो क्या डीओएम/सीएसएस संपादन के लिए एक अच्छा वैकल्पिक प्लगइन है?

बीटीडब्लू, इस सवाल के साथ मेरा इरादा आईई 9 देव उपकरण (बॉक्स के बाहर इन्हें शामिल करने के लिए माइक्रोसॉफ्ट के लिए कुडोस) को झुकाव नहीं करना है बल्कि सीखने के लिए और अधिक उत्पादक कैसे बनना है।

इसके अलावा बीटीडब्ल्यू, मैंने आईई पर समकक्ष फायरबग के बारे में 20-आईएसएच अन्य स्टैक ओवरव्लो प्रश्नों के माध्यम से पहले से ही पढ़ा है, लेकिन उनमें से अधिकांश जावास्क्रिप्ट डिबगिंग और केवल-पढ़ने के लिए डीओएम निरीक्षण के बारे में प्रतीत होते हैं। मुझे डीओएम/सीएसएस लिखने के बारे में कोई हालिया (आईई 9) नहीं मिला। इसलिए मैं इस विषय पर एक और सवाल पूछ रहा हूं ... माफ़ी माफ़ी अगर यह एक डुप्ली है।

उत्तर

0

एचटीएमएल संपादित करने के लिए संपादन बटन पर क्लिक करें। जब आप पूरा कर लें, तो अपने परिवर्तनों को देखने के लिए इसे और अधिक बार क्लिक करें

+2

प्रिय बेन, कृपया उपयोगी होने के उत्तर के लिए पूर्ण चरणों का उल्लेख करें। –

-1

this पर एक नज़र डालें।

मुझे लगता है कि यह आपकी समस्याओं का समाधान करेगा।

चीयर्स!

4

यह संभव है लेकिन मैं बहुत सहज नहीं हूं।

  1. डेवलपर टूल विंडो (यानी 9) प्राप्त करने के लिए F12 दबाएं।
  2. सीएसएस टैब (मेनू बार के नीचे विंडो के ऊपर बाईं ओर) का चयन करें
  3. उस ड्रॉप फ़ाइल का चयन करें जिसे आप ड्रॉप डाउन सूची से संशोधित करना चाहते हैं।
  4. बस मूल्य पर क्लिक करें उपयुक्त जगह पर राइट क्लिक करें और प्रसंग मेनू जोड़ने की अनुमति देगा/हटाने जो कुछ भी आप
  5. तरह एक attrbiute संशोधित करने के लिए चुन सकते हैं और इसे बदलने के

आशा है कि यह मदद करता है

संबंधित मुद्दे