html - आप अपनी वेबसाइट पर हाथ में सीएसएस का परीक्षण करने के लिए क्या उपयोग करते हैं?




css testing (4)

मैं अपनी वेबसाइट पर हाथ में सीएसएस समर्थन जोड़ रहा हूं लेकिन परीक्षण के लिए एक अच्छा टूल नहीं मिल पा रहा हूं।

मैंने फ़ायरफ़ॉक्स के लिए वेब डेवलपर प्लगइन का उपयोग करने की कोशिश की लेकिन यह मेरे लिए काम नहीं करता है शायद यही वजह है कि मेरी सभी सीएसएस html में है और एक अलग सीएसएस फ़ाइल नहीं है।

क्या कोई अन्य परीक्षण उपकरण उपलब्ध हैं और हाथ में जाने वाले डिवाइस को खरीदने से अलग हैं?


आईफोन के परीक्षण के लिए, आप यहां आईफोन एसडीके प्राप्त कर सकते हैं लेकिन आधिकारिक तरीके से चलाने के लिए आपको ओएस एक्स / एप्पल कंप्यूटर की आवश्यकता है।

आधिकारिक / हैक्स नहीं:

  • ओएस एक्स को स्टैंडएक्ट पीसी हार्डवेयर जैसे यहाँ पर चलने के तरीके हैं
  • या यहाँ लिनक्स / वीएमवेयर में एसडीके चल रहा है

हैकिंग हैप्पी!

हुइबर्ट गिल


कुछ शिकार के साथ मैंने पाया कि मैं क्या देख रहा था, लोगों के लिए धन्यवाद।

ओपेरा हाथ में सीएसएस प्रदर्शित करेगा यदि आप दृश्य मेनू से "लघु स्क्रीन" चुनते हैं।


मुझे यकीन नहीं है कि पुराने प्रश्न को पुनरुत्थान करने के लिए यह एक अच्छा विचार है, लेकिन मुझे उम्मीद है कि कोई इसे पाता है :)

मीडिया प्रश्नों के साथ हाथ में सीएसएस की जांच करने का एक आसान तरीका है:

    @media handheld, screen and (max-width: 500px) { /* your css */ }

इसके बाद आप ब्राउज़रों पर परीक्षण कर सकते हैं जो विंडो के 500 से भी कम पिक्सल के आकार के आकार के आकार के माध्यम से मीडिया प्रश्नों को लागू करते हैं।


मुझे पता चला कि विकास के क्षेत्र में मीडिया के प्रकार बदलने के लिए मेरे लिए सबसे अच्छा काम करता है

उदाहरण के लिए यदि आप "हाथ में" सीएसएस का परीक्षण कर रहे हैं, तो मीडिया मीडिया पर मीडिया प्रकार "स्क्रीन" जोड़ें और अपनी डिफ़ॉल्ट सीएसएस पर टिप्पणी करें।

इस चरण के पूरा होने के बाद, आप सामान्य रूप से असली हैंडहेल्ड डिवाइस पर परीक्षण करना चाहते हैं।

<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />






handheld