css - wage - समाचार फॉर मीडिया




फायरबग में प्रिंट मीडिया सीएसएस कैसे देखें? (6)

फायरबग कुछ HTML तत्वों के लिए स्क्रीन मीडिया सीएसएस दिखाने के लिए एक उत्कृष्ट उपकरण है, लेकिन क्या प्रिंट मीडिया सीएसएस को देखने का कोई तरीका है? या प्रिंट मीडिया सीएसएस देखने के लिए कोई अन्य उपकरण है?


असल में, ध्यान रखें कि जब आप इसकी अपेक्षा नहीं करते हैं तो आप @media print सीएसएस देख सकते हैं।

एसओ का उपयोग करता है :

[..]@media print{#sidebar,#nav,[..],div.vote{display:none;}}[..]

... और इसलिए कोई भी फ़ायरबग में सीएसएस पैनल को किसी भी तरह से दिखाने की उम्मीद कर सकता है:

@media print {
  #sidebar, #nav, [..], div.vote {
    display: none;
  }
}

लेकिन इसके बजाय यह सीएसएस दिखाता है जैसे @media print वास्तव में सक्रिय है, जैसे:

#sidebar, #nav, [..], div.vote {
  display: none;
}

(संबंधित समस्या रिपोर्ट भी देखें: सीएसएस पैनल में @media UI नहीं है ।)


आप वेब डेवलपर टूलबार पर एक नज़र डालना चाहते हैं - यह आपको चुनने की अनुमति देता है कि आप कौन सी सीएसएस देखना चाहते हैं। फायरबग के साथ संयोजन में, प्रिंट मीडिया सीएसएस देखना संभव होना चाहिए।


फ़ायरफ़ॉक्स को अब फायरबग की आवश्यकता नहीं है।

  1. Shift+F2 दबाकर डेवलपर टूलबार चलाएं
  2. media emulate print टाइप करें

मानक दृश्य पर वापस जाने के लिए media reset टाइप करें।


मैंने कभी काम करने की उम्मीद नहीं की होगी, लेकिन ऐसा करता है। फायरबग और वेब डेवलपर के 1.5 बीटा इंस्टॉल करें। जब आप वेब डेवलपर से प्रिंट सीएसएस चुनते हैं, तो फायरबग में उपकरण अचानक पृष्ठ के नए प्रिंट संस्करण पर काम करते हैं। अब तक मुझे एक ही समय में दोनों के साथ चलाने में कोई समस्या नहीं मिली है।


वेब डेवलपर टूलबार में सीएसएस डिबगिंग के लिए एक बड़ी कमी है हालांकि: हर बार जब आप पेज रीफ्रेश करते हैं तो यह स्क्रीन स्टाइलशीट पर वापस आ जाता है।

मैं इन दिनों क्या करना चाहता हूं, जब मैं विकास कर रहा हूं, तो प्रिंट स्टाइलशीट के मीडिया को अस्थायी रूप से स्क्रीन पर स्विच कर रहा हूं, और फिर लाइव होने से पहले इसे वापस स्विच करें।


वेब डेवलपर प्लग का उपयोग करें। फिर आप सीएसएस मेनू से चुन सकते हैं, जिस मीडिया को आप पृष्ठ को प्रदर्शित करना चाहते हैं।





print-css