तत्वों में सीएसएस की गहरी प्रति प्राप्त करने के लिए फायरबग का उपयोग करें

Question

मैं वेबपृष्ठ के तत्वों का निरीक्षण करने के लिए फ़ायरबग का उपयोग कर रहा हूं। पृष्ठ के दाईं ओर एक "शैली" टैब है जो किसी दिए गए टैग के लिए सभी सीएसएस स्टाइल सूचीबद्ध करता है। ये सीएसएस स्टाइल एक लिंक किए गए सीएसएस पेज से आ रहे हैं।

जो मैं करना चाहता हूं वह किसी भी तरह से div में हार्डकोड किए गए सीएसएस के साथ divs का एक सेट कॉपी करता है। इस तरह मैं तत्वों की प्रतिलिपि बना सकता हूं और पेस्ट कर सकता हूं और सटीक समान स्टाइल कर सकता हूं। क्या फ़ायरबग या शायद एक और उपकरण के साथ ऐसा करना संभव है?

Answer 1

मुझे फायरबग के बारे में पता नहीं है, लेकिन आप इसे करने के लिए एक स्क्रिप्ट बना सकते हैं।

उस सीएसएस की सूची बनाएं जिसे आप प्रतिलिपि बनाना चाहते हैं (प्रत्येक संपत्ति जिसे आप विश्वास करते हैं उसे पोर्टेबल बनाने के लिए आवश्यक है) और उसके बाद जेएस और getComputedStyle() में लूप करें। फिर property:value जोड़े की सीमांकित सूची बनाएं, और यदि आपका तत्व और सभी बच्चे style विशेषता को असाइन करें।

यह एक आसान काम नहीं दिखता है - और आप निश्चित रूप से समस्याओं में भाग लेंगे।

Answer 2

मुझे यकीन नहीं है कि आप वास्तव में क्या करने की कोशिश कर रहे हैं, लेकिन क्या आप एक ही शैली को कई तत्वों (divs) पर लागू करने की कोशिश कर रहे हैं? यदि ऐसा है तो आपको एक सीएसएस कक्षा का उपयोग करना चाहिए। तो अपने html

<div class="myClass"></div> 
<div class="myClass"></div> 
<div class="myClass"></div> 

हो जाएगा और सीएसएस

.myClass 
{ 
height:whatever; 
width:whatever; 
etc 
} 

Answer 3

मैं यह पूरा करने के IE9 इस्तेमाल किया होगा।

1. खुला एक पृष्ठ है जहाँ आप डेवलपर टूलबार
2. प्रदर्शित डेवलपर टूलबार प्रेस में ढूँढें और
3. तब करने के लिए जाना "क्लिक से तत्व का चयन करें" का चयन करने के
4. प्रेस F12 IE9 में एक शैली हड़पने के लिए चाहते हैं "देखें"> "स्रोत" और "शैली के साथ तत्व स्रोत" का चयन करें