किसी भी वेबसाइट को फ़ोन की स्क्रीन पर देखें
साइट का पता लिखें और फ़ोन चुनें। पेज उस फ़ोन की असली स्क्रीन साइज़ और मोबाइल ब्राउज़र बार वाले फ़्रेम में खुलता है, इसलिए रिस्पॉन्सिव लेआउट ठीक वैसे ही बदलता है जैसे फ़ोन पर।
आपकी साइट यहाँ दिखेगी
एक्सटेंशन में यह कहीं बेहतर काम करता है
ऑनलाइन टूल तेज़ झलक के लिए है। Chrome एक्सटेंशन वही काम आपके अपने ब्राउज़र में फ़्रेम की सीमाओं के बिना करता है: कोई भी साइट खुलती है, असली मोबाइल user agent और डिवाइस के स्क्रीन पैरामीटर के साथ।
ऑनलाइन टूल बनाम एक्सटेंशन
वही प्रीव्यू आपके ब्राउज़र के अंदर चले तो क्या बदलता है।
| ऑनलाइन टूल | एक्सटेंशन | |
|---|---|---|
| एम्बेड मना करने वाली साइटें | नहीं दिखतीं, वजह बताई जाती है | सामान्य रूप से खुलती हैं |
| मोबाइल user agent | आपके डेस्कटॉप ब्राउज़र का, सिर्फ़ चौड़ाई बदलती है | असली मोबाइल user agent |
| पिक्सेल रेशियो और टच | सिर्फ़ स्क्रीन साइज़ | साइज़, पिक्सेल रेशियो और टच पॉइंट की नकल |
| localhost और सादा http | उपलब्ध नहीं | काम करते हैं |
| लॉगिन और कुकी | फ़्रेम के अंदर अक्सर सीमित | सामान्य टैब जैसा बर्ताव |
| दो डिवाइस और स्क्रीनशॉट | नहीं | दो डिवाइस साथ-साथ, एक क्लिक में स्क्रीनशॉट |
यहाँ साइट अलग क्यों दिख सकती है
- फ़्रेम आपके डेस्कटॉप ब्राउज़र में चलता है। स्क्रीन की चौड़ाई के हिसाब से बदलने वाले लेआउट ठीक डिवाइस की तरह चलते हैं, लेकिन जो साइटें सर्वर पर मोबाइल वर्शन चुनती हैं वे डेस्कटॉप वर्शन दिखा सकती हैं।
- कुछ साइटें एम्बेड होने से मना करती हैं। हम खाली फ़्रेम दिखाने की जगह इसे पकड़कर वजह बताते हैं।
- लॉगिन, कुकी बैनर और एम्बेडेड विजेट अलग बर्ताव कर सकते हैं, क्योंकि ब्राउज़र फ़्रेम के अंदर कुकी और स्टोरेज सीमित करते हैं।
- यहाँ टच इनपुट या असली फ़ोन जैसी परफ़ॉर्मेंस नहीं है। ज़रूरी फ़्लो असली डिवाइस पर जाँचें।
- localhost, लॉगिन के पीछे वाले या सादे http वाले पेजों के लिए Mobile View Extension चाहिए।