विभिन्न आकारों के उपकरणों पर अपनी वेबसाइट का पूर्वावलोकन करें

                                            Always Super Technology On Super Tech Master

                विभिन्न आकारों के उपकरणों पर अपनी वेबसाइट का पूर्वावलोकन करें

प्रत्येक वेब डिजाइनर को यह सुनिश्चित करना चाहिए कि वेबसाइट सभी स्क्रीन आकारों के साथ संगत है। यह ज्ञात है कि लैपटॉप, मोबाइल फोन और टैबलेट जैसे प्रत्येक डिवाइस की अपनी डिफ़ॉल्ट स्क्रीन विनिर्देश हैं। इस प्रकार, वेब डिज़ाइनर को वेबसाइट डिज़ाइन करते समय सभी डिवाइस आकारों पर विचार करना चाहिए, अन्यथा वेबसाइट विफल हो सकती है और असंगत उपकरणों पर क्लंकी दिख सकती है।

समस्या को ध्यान में रखते हुए, यह जांचना और सुनिश्चित करना महत्वपूर्ण है कि वेबसाइट सभी उपकरणों पर ठीक से काम कर रही है। इस समस्या को हल करने के लिए, Google ने एक ऑनलाइन स्क्रीन एमुलेशन टूल पेश किया, जो न केवल डिजाइनरों की मदद करता है, बल्कि साइट मालिकों के आकार संगतता की भी जांच करता है। टूल का नाम Resizer है जो सभी के लिए निःशुल्क है और आपकी साइट को सभी प्रकार के उपकरणों पर पूर्वावलोकन किया जाएगा।

यह ध्यान रखना महत्वपूर्ण है कि यह केवल उन वेबसाइटों के लिए काम करता है जो पहले से ही विकसित और तैनात हैं। यह केवल एक वेब सर्वर पर होस्ट की गई वेबसाइटों का ही पूर्वावलोकन करता है। यदि पृष्ठ लोड होने में कोई समस्या है, तो यह एक त्रुटि की रिपोर्ट करता है।

आइए देखें कि यह Google Resizer हमारी साइट को सभी उपकरणों पर पूर्वावलोकन करने में कैसे मदद करता है।

यहाँ कदम से कदम अनुक्रम है

सबसे पहले, design.google.com/resizer वेब पेज पर जाएं

अब यह आपको उस पृष्ठ पर ले जाएगा जहां खोज बॉक्स और तीन आइकन (लैपटॉप, टैबलेट, सेल फोन) प्रदर्शित होते हैं

अपनी वेबसाइट का पता अवश्य दर्ज करें। उदाहरण के लिए, इस लेख में, मैंने https://astuces-informatique.com दर्ज किया

अब लैपटॉप के आकार के उपकरणों पर पूर्वावलोकन देखने के लिए लैपटॉप आइकन पर क्लिक करें

टैबलेट के स्क्रीन आकार पर वेबसाइट का पूर्वावलोकन करने के लिए टैबलेट आइकन पर क्लिक करें

अंत में, साइट का पूर्वावलोकन करने के लिए मोबाइल फोन आइकन पर क्लिक करें

डायनामिक वेब और जावास्क्रिप्ट भी देखें

परीक्षण-साइट-उत्तरदायी


पूर्वावलोकन के प्रत्येक चरण में, सुनिश्चित करें कि वेबसाइट के घटक और तत्व खो नहीं रहे हैं। यदि कुछ भी गलत है, तो समस्या को ठीक करने के लिए परीक्षण भेजें।


क्या आपने Google Resizer के समान विकल्प का उपयोग किया था?

You Might Also Like

0 comments

Technology Master Is Best Website And Super Technology Master