2011-05-27 15 views
15

मोबाइल वेबसाइट को लागू करने के लिए यह मेरे ब्राउज़र में अधिकतम-डिवाइस-चौड़ाई सेट करना उपयोगी होगा। मुझे उपयोगकर्ता-एजेंट नकली करने के लिए प्लगइन पता है। यह अधिकतम डिवाइस-चौड़ाई के लिए भी संभव है? मैं सभी प्रकार के मोबाइल ब्राउज़र अनुकरणकर्ताओं या यहां तक ​​कि विभिन्न स्मार्टफ़ोन की बजाय फ़ायरफ़ॉक्स, आईई, ओपेरा, जैसे नियमित ब्राउज़र का उपयोग करना पसंद करूंगा।अधिकतम डिवाइस-चौड़ाई

धन्यवाद, Ropo

+0

प्रासंगिक: http://www.jonhiggins.co.uk/words/max-device-width/ –

उत्तर

5

सामान्य मामले डेस्कटॉप ब्राउज़र में एचटीएमएल & सीएसएस के विवेक जांच के लिए इस्तेमाल किया जा सकता है, लेकिन मोबाइल ब्राउज़र HTML, सीएसएस और जावास्क्रिप्ट प्रसंस्करण में बहुत अलग हैं।

करने के लिए

"अनुकरण"max-device-width आप max-width साथ max-device-width की जगह और आवश्यक आकार करने के लिए अपने ब्राउज़र विंडो आकार बदल सकते हैं (ब्राउज़र की वास्तविक संस्करणों max-width मीडिया क्वेरी अनुदेश का समर्थन करता है)।

हम देर से मोबाइल वेब इंटरफ़ेस विकास और अनुकरणकर्ताओं के शुरुआती चरणों में डेस्कटॉप ब्राउज़र का उपयोग करते हैं। यूआई परीक्षक केवल वास्तविक उपकरणों का उपयोग करते हैं।

+2

यह वास्तव में मेरे लिए काम नहीं करता था। मैंने फ़ायरफ़ॉक्स में अपना उपयोगकर्ता एजेंट स्ट्रिंग बदल दी और ब्राउज़र को बेहद संकीर्ण बना दिया, फिर भी मेरी साइट अभी भी मेरे लैपटॉप पर पूर्ण स्क्रीन संस्करण और मेरे आईफोन पर अधिकतम डिवाइस-चौड़ाई 480 के साथ प्रतिपादन कर रही थी। –

+0

क्या आप एचटीएमएल और सीएसएस प्रदान कर सकते हैं आप क्या उपयोग कर रहे हैं? –

+1

केविन सही है, यह काम नहीं करेगा। अधिकतम-चौड़ाई, जो शायद आप सोच रहे हैं, फिलिप, अधिकतम-डिवाइस-चौड़ाई से अलग है। मुझे इसका अनुकरण करने का एकमात्र तरीका यह है कि परिस्थितियों के आधार पर अधिकतम कोड को अस्थायी रूप से या स्थायी रूप से उपयोग करने के लिए अपना कोड बदलना है। यह विशेष रूप से डिवाइस रोटेशन के संबंध में एक आदर्श अनुकरण नहीं है, लेकिन आमतौर पर अधिकांश परीक्षणों के लिए यह काफी अच्छा होता है। साथ ही, इस बुकमार्कलेट को देखें: http://www.benjaminkeen.com/misc/bricss/ –

15

क्रोम आपको डिवाइस मीट्रिक सेट करने की अनुमति देता है, जो डिवाइस चौड़ाई के लिए मीडिया क्वेरी गणना में उपयोग किया जाता है। ऐसा करने के लिए, डेवलपर टूल्स खोलें, निचले दाएं कोने पर गियर आइकन पर क्लिक करें और ओवरराइड टैब पर जाएं।

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

+0

बहुत उपयोगी - धन्यवाद! – Eric

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