मुफ़्त रिस्पॉन्सिव डिज़ाइन टेस्टरअपने पेज को हर स्क्रीन साइज़ में एक साथ देखें।

हाँ। न अकाउंट, न डिवाइस या पेज की कोई सीमा, न स्क्रीनशॉट पर वॉटरमार्क और न कुछ इंस्टॉल करना: यह आपके ब्राउज़र में चलता है।

अपनी साइट का पता डालें या अपना HTML पेस्ट करें, फिर 40 से ज़्यादा फ़ोन, टैबलेट, लैपटॉप और डेस्कटॉप साइज़ में से चुनें, एक-एक करके या साथ-साथ। किसी फ़्रेम को किसी भी चौड़ाई तक खींचें, घुमाएँ या आम ब्रेकपॉइंट पर जाएँ।

हर फ़्रेम उस स्क्रीन की बिल्कुल सही चौड़ाई और ऊँचाई (CSS पिक्सल में) वाला ब्राउज़र viewport है, इसलिए आपकी मीडिया क्वेरी, लेआउट और ब्रेकपॉइंट ठीक वैसे ही प्रतिक्रिया देते हैं जैसे उस डिवाइस पर।

हाँ। हर साइज़ पर प्रीव्यू करने और लाइव एडिट करने के लिए अपना HTML पेस्ट करें या कोई .html फ़ाइल खोलें। वेबसाइटें https पर लोड होती हैं; लोकल डेवलपमेंट सर्वर के लिए https टनल इस्तेमाल करें या बना हुआ HTML पेस्ट करें।

हाँ। आपके HTML में यह स्क्रीन से चौड़े एलिमेंट — फ़ोन पर साइड में स्क्रॉल होने की आम वजह — चिह्नित करता है, और viewport मेटा टैग न होने पर चेतावनी देता है।

हाँ, पेस्ट किए गए HTML के लिए: दिखने वाला हिस्सा या पूरा पेज डिवाइस के पिक्सल रेशियो पर PNG के रूप में सेव करें, इसलिए 3x पर 393 पिक्सल चौड़ा फ़्रेम 1179 पिक्सल चौड़ी इमेज देता है।

फ़ोन हर CSS पिक्सल में दो से चार फ़िज़िकल पिक्सल रखते हैं। लेबल वह रेशियो दिखाता है, और पेस्ट किए गए HTML के स्क्रीनशॉट उसी पर सेव होते हैं, ताकि वे असली स्क्रीन जितने शार्प हों।

नहीं। वेबसाइट को आपका ब्राउज़र सीधे उसके अपने सर्वर से फ़्रेम के अंदर लोड करता है, बीच में कोई प्रॉक्सी नहीं। पेस्ट किया गया HTML और स्क्रीनशॉट आपके ब्राउज़र में रहते हैं; आपका पिछला पेज और सेटिंग्स इसी ब्राउज़र के स्टोरेज में रखे जाते हैं।

कुछ साइटें दूसरे पेजों के अंदर दिखाई न देना चुनती हैं। साइट के हेडर जाँचने के लिए "यह खाली क्यों है?" खोलें, या उसकी जगह पेज का HTML पेस्ट करें।