आपका काम यह पक्का करने तक ही पूरा नहीं होता कि आपकी साइट Chrome और Android पर अच्छी तरह से चलती है. भले ही डिवाइस मोड, iPhone जैसे कई दूसरे डिवाइस की तरह काम कर सकता है, फिर भी हम आपको एम्युलेट करने के लिए दूसरे ब्राउज़र समाधानों को देखने की सलाह देते हैं.
खास जानकारी
- अगर आपके पास कोई खास डिवाइस नहीं है या आप किसी चीज़ की स्पॉट जांच करना चाहते हैं, तो सबसे अच्छा विकल्प है कि आप अपने ब्राउज़र में डिवाइस को एम्युलेट करें.
- डिवाइस एम्युलेटर और सिम्युलेटर की मदद से, कई तरह के डिवाइसों पर अपनी डेवलपमेंट साइट की नकल की जा सकती है. ये डिवाइस आपके वर्कस्टेशन पर मौजूद होते हैं.
- क्लाउड-आधारित एम्युलेटर की मदद से, अलग-अलग प्लैटफ़ॉर्म पर आपकी साइट के लिए, यूनिट की जांच को ऑटोमेट किया जा सकता है.
ब्राउज़र एम्युलेटर
ब्राउज़र एम्युलेटर, साइट के रिस्पॉन्स को जांचने का बेहतरीन तरीका हैं. हालांकि, वे एपीआई, सीएसएस सहायता, और मोबाइल ब्राउज़र पर दिखने वाले कुछ व्यवहार के अंतर को एम्युलेट नहीं करते हैं. यह पक्का करने के लिए कि हर चीज़ उम्मीद के मुताबिक काम कर रही है, अपनी साइट को असली डिवाइसों पर चल रहे ब्राउज़र पर टेस्ट करें.
Firefox का रिस्पॉन्सिव डिज़ाइन व्यू
Firefox में रिस्पॉन्सिव डिज़ाइन व्यू मौजूद है. यह आपको खास डिवाइसों के बारे में सोचने पर रोक लगाता है. इसके बजाय, यह देखें कि सामान्य स्क्रीन साइज़ या अपने साइज़ के हिसाब से किनारों को खींचकर, डिज़ाइन में कैसे बदलाव होते हैं.
Edge का F12 एम्युलेशन
Windows फ़ोन को एम्युलेट करने के लिए, Microsoft 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 एम्युलेटर कॉन्टेंट शेल
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
आधुनिक आईई वीएम
Modern.IE वर्चुअल मशीन की मदद से, वर्चुअलबॉक्स या VMWare के ज़रिए अपने कंप्यूटर पर आईई के अलग-अलग वर्शन ऐक्सेस किए जा सकते हैं. यहां से डाउनलोड करें पेज पर जाकर कोई वर्चुअल मशीन चुनें.
क्लाउड-आधारित एम्युलेटर और सिम्युलेटर
अगर आप एम्युलेटर का इस्तेमाल नहीं कर सकते और आपके पास असल डिवाइसों का ऐक्सेस नहीं है, तो क्लाउड-आधारित एम्युलेटर अगला सबसे अच्छा विकल्प है. असल डिवाइसों और लोकल एम्युलेटर के मुकाबले क्लाउड-आधारित एम्युलेटर का एक बड़ा फ़ायदा यह है कि इसकी मदद से, अलग-अलग प्लैटफ़ॉर्म पर अपनी साइट के लिए, यूनिट टेस्ट को ऑटोमेट किया जा सकता है.
- BrowserStack (व्यावसायिक) को मैन्युअल तरीके से टेस्ट करने के लिए, सबसे आसान तरीका इस्तेमाल किया जा सकता है. आपको एक ऑपरेटिंग सिस्टम चुनना होगा, अपना ब्राउज़र वर्शन और डिवाइस टाइप चुनना होगा, ब्राउज़ करने के लिए यूआरएल चुनना होगा, और वह होस्ट की गई वर्चुअल मशीन को स्पिन करेगा, जिससे इंटरैक्ट किया जा सकता है. आप एक ही स्क्रीन में कई एम्युलेटर भी चला सकते हैं. इनकी मदद से, एक ही समय में कई डिवाइसों पर यह टेस्ट किया जा सकता है कि आपका ऐप्लिकेशन कैसा दिखता है.
- SauceLabs (व्यावसायिक) की मदद से, एम्युलेटर के अंदर यूनिट टेस्ट किया जा सकता है. इससे अपनी साइट पर फ़्लो को स्क्रिप्ट करने में मदद मिलती है. इसके बाद, अलग-अलग डिवाइसों पर इसकी वीडियो रिकॉर्डिंग देखी जा सकती है. अपनी साइट पर मैन्युअल टेस्टिंग भी की जा सकती है.
- डिवाइस कहीं भी (व्यावसायिक) के लिए, एम्युलेटर का इस्तेमाल नहीं किया जाता. हालांकि, इसमें असल डिवाइसों का इस्तेमाल किया जाता है, जिन्हें रिमोट तरीके से भी कंट्रोल किया जा सकता है. यह उस स्थिति में बहुत काम आता है, जब आपको किसी खास डिवाइस पर कोई समस्या फिर से बतानी हो. साथ ही, आपको पिछली गाइड में किसी भी विकल्प में गड़बड़ी नहीं दिख रही हो.
- Lambda Test (व्यावसायिक) की मदद से, 2,000 से ज़्यादा ब्राउज़र और ऑपरेटिंग सिस्टम के कॉम्बिनेशन पर, मैन्युअल क्रॉस ब्राउज़र टेस्टिंग की जा सकती है. उपयोगकर्ता जटिल बग का वीडियो रिकॉर्ड कर सकेंगे और उसे MS Teams, Slack वगैरह जैसे इंटिग्रेशन के ज़रिए शेयर कर सकेंगे. उपयोगकर्ता एक साथ जांच करके अपने टेस्ट को तेज़ कर सकते हैं.