Responsive checker एक पेज को कई स्क्रीन चौड़ाइयों में दिखाता है। ऑनलाइन चेकर उन सार्वजनिक पेजों पर अच्छे चलते हैं जो फ़्रेम में दिखने की अनुमति देते हैं, और तीन तरह के पेजों पर फ़ेल होते हैं: localhost, लॉगिन के पीछे के पेज, और ऐसी साइटें जो एम्बेड मना करने वाला हेडर भेजती हैं। फ़्रेम खाली दिखे तो कारण लगभग हमेशा आख़िरी होता है, और आप इसे दस सेकंड में पक्का कर सकते हैं। ऐसे पेजों के लिए वह टूल इस्तेमाल करें जो आपके अपने ब्राउज़र के अंदर चलता है: Chrome DevTools का डिवाइस मोड या मोबाइल व्यू एक्सटेंशन।
किस पेज के लिए कौन-सा responsive checker
| जिस पेज को जाँचना है | ऑनलाइन चेकर | इसके बदले क्या चलता है |
|---|---|---|
| फ़्रेम की अनुमति देने वाला सार्वजनिक पेज | हाँ | कोई भी ऑनलाइन टूल |
| फ़्रेम मना करने वाला पेज | खाली फ़्रेम या एरर | DevTools का डिवाइस मोड, मोबाइल व्यू एक्सटेंशन |
| लॉगिन के पीछे की स्टेजिंग साइट | आमतौर पर लॉगिन स्क्रीन | जिस टैब में आप साइन-इन हैं उसमें DevTools या एक्सटेंशन |
| localhost | नहीं, टूल के सर्वर वहाँ तक नहीं पहुँचते | DevTools या एक्सटेंशन; असली फ़ोन के लिए मोबाइल पर localhost कैसे टेस्ट करें देखें |
ऑनलाइन चेकर खाली फ़्रेम क्यों दिखाता है
ज़्यादातर ऑनलाइन चेकर आपका पेज iframe में लोड करते हैं। कोई साइट ब्राउज़र से कह सकती है कि वह फ़्रेम में न दिखे, X-Frame-Options हेडर या अपनी Content-Security-Policy के frame-ancestors नियम से। MDN के अनुसार X-Frame-Options: DENY किसी भी फ़्रेम में दिखने से रोकता है, और SAMEORIGIN तभी अनुमति देता है जब सभी पैरेंट फ़्रेम का origin पेज जैसा हो। इसे <meta> टैग में लिखने का कोई असर नहीं होता, यह सिर्फ़ HTTP हेडर के रूप में काम करता है। कोई भी चेकर इसे पार नहीं कर सकता, क्योंकि इसे ब्राउज़र लागू करता है, टूल नहीं।
कई बड़ी साइटें इनमें से कोई हेडर भेजती हैं। 28 अक्टूबर 2026 को जब हमने देखा, bbc.com X-Frame-Options: SAMEORIGIN के साथ जवाब दे रहा था, इसलिए उसे किसी और के फ़्रेम में नहीं दिखाया जा सकता। यह साइट का अपना फ़ैसला है और आपके लेआउट से इसका कोई संबंध नहीं।
दस सेकंड में जाँचें कि साइट फ़्रेम की अनुमति देती है या नहीं
टर्मिनल में यह चलाएँ और दोनों हेडर ढूँढें:
curl -sI https://example.com | grep -iE "x-frame-options|content-security-policy"अगर X-Frame-Options: DENY या SAMEORIGIN दिखे, या frame-ancestors वाली Content-Security-Policy, तो ऑनलाइन चेकर पेज नहीं दिखाएँगे। अगर दोनों में से कुछ नहीं है, तो एम्बेड की अनुमति है। Chrome में आप DevTools खोलकर Network में जा सकते हैं, पेज का रिक्वेस्ट चुन सकते हैं और रिस्पॉन्स हेडर पढ़ सकते हैं।
अगर यह आपकी अपनी साइट है, तो किसी चेकर को ख़ुश करने के लिए इन हेडरों को कमज़ोर न करें: ये आपके विज़िटरों को क्लिकजैकिंग से बचाते हैं। ऐसे टूल से टेस्ट करें जिसे फ़्रेम की ज़रूरत नहीं।
फ़्रेम ब्लॉक हो तो ब्राउज़र के अंदर का टूल इस्तेमाल करें
ऊपर का प्रीव्यू भी एक ऑनलाइन चेकर है: वह पेज को फ़्रेम में रखता है, इसलिए उसकी भी यही सीमा है। जब कोई साइट एम्बेड मना करती है, तो ऑनलाइन मोबाइल व्यू टूल खाली फ़्रेम दिखाने के बजाय यह बता देता है, और हल एक्सटेंशन है। मोबाइल व्यू एक्सटेंशन या DevTools का डिवाइस मोड टैब को ही बदलते हैं, इसलिए हेडर मायने नहीं रखता, और लॉगिन और localhost किसी भी सामान्य टैब की तरह चलते हैं। DevTools Chrome मोबाइल एमुलेटर गाइड में है, और चुनने में मोबाइल सिम्युलेटर एक्सटेंशन बनाम DevTools मदद करता है।
Responsive checker क्या नहीं परख सकता
जो चेकर सिर्फ़ चौड़ाई बदलता है, वह ब्राउज़र विंडो का किनारा खींचने जैसा ही है। वह नहीं बताता कि सर्वर फ़ोन को कोई और पेज भेजता है या नहीं, लंबे कंटेंट या 200% ज़ूम पर लेआउट कैसा बर्ताव करता है, या Safari उसे कैसे बनाता है। चौड़ाई की स्वीप से लेकर ऑटोमैटिक स्क्रीनशॉट तक का पूरा तरीका responsive डिज़ाइन कैसे टेस्ट करें में है। चेकर को पहली नज़र मानें, मंज़ूरी नहीं।
अक्सर पूछे जाने वाले सवाल
Responsive checker मेरी साइट के लिए खाली पेज क्यों दिखाता है?
अक्सर इसलिए कि आपकी साइट X-Frame-Options या फ़्रेम मना करने वाला CSP frame-ancestors नियम भेजती है। ऊपर बताए तरीके से रिस्पॉन्स हेडर जाँचें। localhost और लॉगिन वाले पेज दूसरी वजह से फ़ेल होते हैं: टूल के सर्वर उन तक नहीं पहुँच पाते।
क्या मैं ऑनलाइन responsive checker से localhost टेस्ट कर सकता हूँ?
नहीं। ऑनलाइन टूल ऐसे पते तक नहीं पहुँच सकता जो सिर्फ़ आपके कंप्यूटर पर है। जिस टैब में आपकी लोकल साइट खुली है उसमें Chrome DevTools या मोबाइल व्यू एक्सटेंशन इस्तेमाल करें।
क्या सिर्फ़ responsive checker से साइट को मंज़ूरी दी जा सकती है?
नहीं। वह कुछ चौड़ाइयों में लेआउट दिखाता है। असली मंज़ूरी के लिए चरम कंटेंट पर टेस्ट और असली डिवाइस पर जाँच भी चाहिए, जो responsive टेस्टिंग गाइड में बताई गई है।
स्रोत: MDN, X-Frame-Options (28 अक्टूबर 2026 को पढ़ा गया); 28 अक्टूबर 2026 को curl से माँगे गए bbc.com के रिस्पॉन्स हेडर।