अन्य ब्राउज़र को एम्युलेट करें और उनकी जांच करें

आपका काम यह पक्का करना नहीं है कि आपकी साइट Chrome और Android पर अच्छी तरह से काम करती है या नहीं. हालांकि, डिवाइस मोड कई तरह के डिवाइसों को सिम्युलेट कर सकता है, जैसे कि iPhone. हमारा सुझाव है कि आप एम्युलेटर के लिए ब्राउज़र समाधान.

खास जानकारी

• जब आपके पास कोई खास डिवाइस न हो या आपको किसी चीज़ की जांच करनी हो, तो सबसे अच्छा विकल्प सबसे सही होता है आपके ब्राउज़र के ठीक अंदर डिवाइस को एम्युलेट करना है.
• डिवाइस एम्युलेटर और सिम्युलेटर का इस्तेमाल करके, कई तरह के डिवाइसों पर अपनी डेवलपमेंट साइट की नकल की जा सकती है: अपना वर्कस्टेशन है.
• क्लाउड-आधारित एम्युलेटर की मदद से, अलग-अलग प्लैटफ़ॉर्म पर आपकी साइट के लिए यूनिट की जांच अपने-आप हो जाती है.

ब्राउज़र एम्युलेटर

ब्राउज़र एम्युलेटर, किसी साइट के रिस्पॉन्सिव होने की जांच करने का बेहतरीन तरीका है. हालांकि, वे आपके ऐप्लिकेशन में मौजूद गड़बड़ियों की एक वजह भी तय नहीं करते एपीआई, सीएसएस सपोर्ट, और कुछ खास तरह के व्यवहार के लिए उपलब्ध होते हैं. अपनी साइट की जांच इस पर करें वास्तविक डिवाइस पर चलने वाले ब्राउज़र के लिए यह पक्का किया जाता है कि सब कुछ उम्मीद के मुताबिक काम करे.

Firefox' रिस्पॉन्सिव डिज़ाइन व्यू

Firefox में एक प्रतिक्रियाशील डिज़ाइन व्यू है, जो आपको खास चीज़ों के बारे में सोचने से रोकता है और इसके बजाय यह एक्सप्लोर करें कि सामान्य स्क्रीन साइज़ या आपके हिसाब से साइज़ के हिसाब से आपके डिज़ाइन में क्या बदलाव होता है किनारों को खींचें और छोड़ें.

Edge का F12 एम्युलेशन

Windows फ़ोन को एम्युलेट करने के लिए, Microsoft Edge के पहले से मौजूद एम्युलेशन का इस्तेमाल करें.

Edge, लेगसी वर्शन के साथ काम नहीं करता. इसलिए, IE 11 के एम्युलेशन का इस्तेमाल करके, यह जानें कि पेज Internet Explorer के पुराने वर्शन में दिखेगा.

डिवाइस एम्युलेटर और सिम्युलेटर

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

Android Emulator

Android Emulator में स्टॉक ब्राउज़र

फ़िलहाल, Android Emulator पर Chrome को इंस्टॉल करने का कोई तरीका नहीं है. हालांकि, आपको Android ब्राउज़र, Android के लिए Chromium कॉन्टेंट शेल, और Firefox पढ़ें. Chromium कॉन्टेंट शेल भी Chrome रेंडरिंग इंजन का इस्तेमाल करता है. हालांकि, वह इनमें से किसी एक खास सुविधाएं इस्तेमाल करें.

Android एम्युलेटर, Android SDK टूल के साथ आता है. इसे यहां से डाउनलोड करें. इसके बाद वर्चुअल डिवाइस सेटअप करने और एम्युलेटर चालू करने के लिए, निर्देशों का पालन करें.

आपका एम्युलेटर चालू होने के बाद, ब्राउज़र आइकॉन पर क्लिक करें. इससे आपकी साइट की जांच Android के लिए पुराना स्टॉक ब्राउज़र चुनें.

Android पर Chromium कॉन्टेंट शेल

Android Emulator कॉन्टेंट शेल

Android के लिए Chromium कॉन्टेंट शेल इंस्टॉल करने के लिए, अपने एम्युलेटर को चलने दें और इन्हें चलाएं कमांड प्रॉम्प्ट पर:

git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh

अब Chromium कॉन्टेंट शेल का इस्तेमाल करके, अपनी साइट की जांच की जा सकती है.

Android पर Firefox

Android Emulator पर Firefox का आइकॉन

Chromium के कॉन्टेंट शेल की तरह ही, एम्युलेटर पर Firefox इंस्टॉल करने के लिए आपको एक APK मिल सकता है.

यहां से सही .apk फ़ाइल डाउनलोड करें https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.

यहां से, फ़ाइल को एक ओपन एम्युलेटर या कनेक्ट किए गए Android डिवाइस पर इंस्टॉल किया जा सकता है. निम्न आदेश:

adb install <path to APK>/fennec-XX.X.XX.android-arm.apk

iOS सिम्युलेटर

Mac OS X के लिए iOS सिम्युलेटर, Xcode के साथ आता है, जिसे आप App Store से इंस्टॉल कर सकते हैं.

काम पूरा हो जाने के बाद, Apple के दस्तावेज़ में जाकर, सिम्युलेटर का इस्तेमाल करने का तरीका जानें.

Modern.IE

मॉडर्न IE वीएम

मॉडर्न.आईई वर्चुअल मशीन की मदद से, अपने कंप्यूटर पर VirtualBox के ज़रिए IE के अलग-अलग वर्शन ऐक्सेस किए जा सकते हैं (या VMWare पर). यहां डाउनलोड पेज पर जाकर कोई वर्चुअल मशीन चुनें.

क्लाउड-आधारित एम्युलेटर और सिम्युलेटर

अगर एम्युलेटर का इस्तेमाल नहीं किया जा सकता और आपके पास असली डिवाइसों का ऐक्सेस नहीं है, तो क्लाउड-आधारित एम्युलेटर अगली सबसे अच्छी चीज़ है. यह असली डिवाइस और लोकल एम्युलेटर पर क्लाउड-आधारित एम्युलेटर का एक बड़ा फ़ायदा देता है वह है कि आप अलग-अलग प्लैटफ़ॉर्म पर अपनी साइट के लिए यूनिट टेस्ट को ऑटोमेट कर सकें.

• मैन्युअल टेस्टिंग के लिए, BrowserStack (व्यावसायिक) का इस्तेमाल करना सबसे आसान है. आपने एक ऑपरेटिंग विकल्प चुना सिस्टम, अपना ब्राउज़र वर्शन और डिवाइस टाइप चुनें, ब्राउज़ करने के लिए कोई यूआरएल चुनें, और यह होस्ट की गई वर्चुअल मशीन है, जिससे इंटरैक्ट किया जा सकता है. आपके पास इनमें से कई एम्युलेटर को ट्रिगर करने का विकल्प भी है एक ही स्क्रीन, जिससे आपको यह टेस्ट करने की सुविधा मिलती है कि एक साथ कई डिवाइसों पर, आपका ऐप्लिकेशन कैसा दिखता है समय.
• SauceLabs (व्यावसायिक) की मदद से, एम्युलेटर में यूनिट टेस्ट किए जा सकते हैं. इससे ये काम किए जा सकते हैं आपकी साइट पर फ़्लो को स्क्रिप्ट करने और इसकी वीडियो रिकॉर्डिंग देखने के लिए बहुत उपयोगी है को ट्रैक किया जा सकता है. अपनी साइट को मैन्युअल तरीके से भी टेस्ट किया जा सकता है.
• कहीं भी मौजूद डिवाइस (व्यावसायिक) एम्युलेटर के बजाय, असली डिवाइसों का इस्तेमाल करता है. इन डिवाइसों को कंट्रोल किया जा सकता है जा सकता है. यह ऐसी स्थिति में बहुत उपयोगी है जब आपको किसी विशेष समस्या को डिवाइस और पिछली गाइड में दिए गए किसी भी विकल्प में गड़बड़ी को नहीं देख सकते.
• LambdaTest (व्यावसायिक) की मदद से आप किसी संयोजन पर मैन्युअल क्रॉस ब्राउज़र परीक्षण कर पाएंगे वाले 2,000 से ज़्यादा ब्राउज़र और ऑपरेटिंग सिस्टम पर लागू होते हैं. उपयोगकर्ता जटिल बग और पूर्वसंध्या का वीडियो रिकॉर्ड कर सकेंगे MS Teams, Slack वगैरह जैसे इंटिग्रेशन के ज़रिए शेयर करें. लोग तेज़ी से टेस्ट कर सकते हैं. इसके लिए, साथ-साथ टेस्ट चलाना.