फ्री Screen Resolution Simulator
यह फ्री screen resolution simulator आपके स्क्रीन साइज़ और ब्राउज़र विंडो साइज़ दिखाता है, और किसी भी वेब पेज को फोन, टैबलेट, लैपटॉप या डेस्कटॉप चौड़ाई पर प्रीव्यू करता है। कोई डिवाइस चुनें या चौड़ाई टाइप करें, पेज एड्रेस पेस्ट करें और पेज उस साइज़ पर फ्रेम में लोड होगा। सामान्य डिवाइस साइज़ की टेबल JavaScript के बिना भी काम करती है।
Screen Resolution Simulator
Domain and Server
इस टूल के बारे में
एक पेज जो आपके लैपटॉप पर सही दिखता है, छोटे फोन पर टूट सकता है, और सच जानने का एकमात्र तरीका उसे उस चौड़ाई पर देखना है। यह टूल आपके पेज को आपकी चुनी हुई चौड़ाई पर फ्रेम में लोड करता है, ताकि आप 360, 390, 768 या 1366 पिक्सल पर मेनू, इमेज और बटन चेक कर सकें बिना हर डिवाइस के मालिक बने। यह आपके अपने स्क्रीन और विंडो साइज़ की भी रिपोर्ट करता है, जो सपोर्ट टीमें अक्सर पूछती हैं।
ये नंबर CSS पिक्सल हैं, वे यूनिट जो वेब पेज लेआउट उपयोग करते हैं, स्क्रीन के फिजिकल पिक्सल नहीं। बहुत तेज़ डिस्प्ले वाला फोन भी लगभग 360 से 430 CSS पिक्सल की viewport चौड़ाई रिपोर्ट करता है, जो आपके डिज़ाइन को फिट करना चाहिए। टेबल लोकप्रिय डिवाइस क्लास के लिए सामान्य साइज़ सूचीबद्ध करती है। असली डिवाइस अलग होते हैं, और ब्राउज़र टूलबार कुछ ऊंचाई लेते हैं, इसलिए साइज़ को सटीक माप के बजाय एक करीबी गाइड मानें।
कई वेबसाइटें दूसरे पेज के अंदर दिखाए जाने से मना करती हैं, विज़िटर्स को क्लिक ट्रिक्स से बचाने के लिए। जब कोई साइट वह निर्देश भेजती है, यह टूल इसे डिटेक्ट करता है, कोई प्रीव्यू नहीं दिखाता और ऐसा कहता है, खाली बॉक्स दिखाने के बजाय। आपकी अपनी साइट को फ्रेम किया जा सकता है अगर वह X-Frame-Options या frame-ancestors नियम नहीं भेजती। फ्रेम किया गया प्रीव्यू डिवाइस पर मीडिया क्वेरीज़ भी नहीं चलाता, इसलिए लॉन्च से पहले असली फोन पर महत्वपूर्ण लेआउट की पुष्टि करें।
अक्सर पूछे जाने वाले सवाल
प्रीव्यू क्यों कहता है कि पेज को फ्रेम नहीं किया जा सकता?
कई साइटें, बैंक, सोशल नेटवर्क और बड़ी दुकानें सहित, एक हेडर भेजती हैं जो पेज को दूसरे पेज के अंदर दिखाने से मना करता है, क्लिक हाइजैकिंग से सुरक्षा के रूप में। ब्राउज़र एक खाली बॉक्स दिखाता, इसलिए टूल आपको बताता है। अपने ब्राउज़र डेवलपर टूल्स डिवाइस मोड में उन साइटों को टेस्ट करें।
स्क्रीन और viewport साइज़ में क्या अंतर है?
स्क्रीन साइज़ आपके डिवाइस की पूरी डिस्प्ले है। Viewport ब्राउज़र विंडो का वह हिस्सा है जो वेब पेज दिखाता है, जो टूलबार और स्क्रॉल बार की वजह से छोटा है। लेआउट viewport पर प्रतिक्रिया करते हैं, इसलिए वह नंबर है जो responsive design के लिए मायने रखता है।
क्या डिवाइस साइज़ सटीक हैं?
ये लोकप्रिय डिवाइस क्लास के लिए सामान्य CSS पिक्सल साइज़ हैं। फोन और टैबलेट मॉडल और सॉफ्टवेयर के अनुसार अलग होते हैं, और ब्राउज़र बार ऊंचाई बदलते हैं। ये लेआउट समस्याओं को पकड़ने के लिए काफी सटीक हैं, लेकिन लॉन्च से पहले हमेशा महत्वपूर्ण पेजों को असली डिवाइस पर टेस्ट करें।
क्या यह मेरी साइट को असली फोन पर टेस्ट करता है?
नहीं। यह फ्रेम को फोन चौड़ाई तक सीमित करता है, इसलिए पेज अपने मोबाइल लेआउट नियम लागू करता है, लेकिन यह अभी भी आपके वर्तमान ब्राउज़र में चलता है। टच व्यवहार, फॉन्ट, ब्राउज़र बार और परफॉर्मेंस असली फोन पर अलग हो सकते हैं। इसे तेज़ पहली जांच के रूप में उपयोग करें, अंतिम टेस्ट नहीं।
क्या मेरे द्वारा दर्ज किया गया एड्रेस स्टोर किया जाता है?
नहीं। हमारा सर्वर पेज को एक बार अनुरोध करता है उसके फ्रेमिंग हेडर पढ़ने के लिए और फिर भूल जाता है। प्रीव्यू स्वयं सीधे वेबसाइट से आपके ब्राउज़र में लोड होता है। हम एड्रेस, पेज कंटेंट या आपके स्क्रीन साइज़ को सेव नहीं करते।