यह पक्का करना कि आपकी साइट Chrome और Android पर बेहतर तरीके से काम करे, आपका काम सिर्फ़ यही नहीं है. डिवाइस मोड में, iPhone जैसे कई अन्य डिवाइसों को सिम्युलेट किया जा सकता है. हालांकि, हमारा सुझाव है कि आप इम्यूलेशन के लिए, ब्राउज़र के अन्य समाधान देखें.
खास जानकारी
- अगर आपके पास कोई खास डिवाइस नहीं है या आपको किसी चीज़ की जांच करनी है, तो सबसे अच्छा विकल्प यह है कि आप अपने ब्राउज़र में ही डिवाइस को एमुलेट करें.
- डिवाइस एमुलेटर और सिम्युलेटर की मदद से, अपने वर्कस्टेशन से कई तरह के डिवाइसों पर अपनी डेवलपमेंट साइट की नकल की जा सकती है.
- क्लाउड-आधारित एमुलेटर की मदद से, अलग-अलग प्लैटफ़ॉर्म पर अपनी साइट के लिए यूनिट टेस्ट को ऑटोमेट किया जा सकता है.
ब्राउज़र एम्युलेटर
ब्राउज़र एमुलेटर, किसी साइट के रिस्पॉन्सिवनेस की जांच करने के लिए बहुत अच्छे होते हैं. हालांकि, वे एपीआई, सीएसएस के साथ काम करने के तरीके, और कुछ खास व्यवहारों में अंतर को एमुलेट नहीं करते, जो आपको मोबाइल ब्राउज़र पर दिखते हैं. अपनी साइट को असली डिवाइसों पर चलने वाले ब्राउज़र पर टेस्ट करें, ताकि यह पक्का किया जा सके कि सब कुछ आपकी पसंद के मुताबिक हो रहा है.
Firefox का रिस्पॉन्सिव डिज़ाइन व्यू
Firefox में रिस्पॉन्सिव डिज़ाइन व्यू है. इसकी मदद से, किसी खास डिवाइस के हिसाब से डिज़ाइन न बनाएं. इसके बजाय, स्क्रीन के सामान्य साइज़ या अपने हिसाब से साइज़ पर, डिज़ाइन में होने वाले बदलावों को देखें. इसके लिए, किनारों को खींचें और छोड़ें.
Edge में F12 एम्युलेशन
Windows फ़ोन को एमुलेट करने के लिए, Microsoft Edge के पहले से मौजूद एमुलेटर का इस्तेमाल करें.
Edge, लेगसी कम्पैटिबिलिटी के साथ नहीं आता. इसलिए, IE 11 के इम्यूलेशन का इस्तेमाल करके यह पता लगाएं कि आपका पेज, Internet Explorer के पुराने वर्शन में कैसा दिखेगा.
डिवाइस एम्युलेटर और सिम्युलेटर
डिवाइस सिम्युलेटर और एमुलेटर, न सिर्फ़ ब्राउज़र के एनवायरमेंट को बल्कि पूरे डिवाइस को सिम्युलेट करते हैं. ये उन चीज़ों की जांच करने के लिए काम के होते हैं जिनके लिए ओएस इंटिग्रेशन की ज़रूरत होती है. उदाहरण के लिए, वर्चुअल कीबोर्ड की मदद से फ़ॉर्म में जानकारी डालना.
Android Emulator
Android Emulator में स्टॉक ब्राउज़र
फ़िलहाल, Android एमुलेटर पर Chrome इंस्टॉल करने का कोई तरीका उपलब्ध नहीं है. हालांकि, Android Browser, Chromium Content Shell, और Firefox for Android का इस्तेमाल किया जा सकता है. इनके बारे में हम इस गाइड में आगे बताएंगे. Chromium Content Shell, Chrome के उसी रेंडरिंग इंजन का इस्तेमाल करता है. हालांकि, इसमें ब्राउज़र से जुड़ी कोई भी सुविधा नहीं होती.
Android Emulator में Android SDK टूल पहले से मौजूद होता है. आपको इसे यहां से डाउनलोड करना होगा. इसके बाद, वर्चुअल डिवाइस सेट अप करने और एमुलेटर शुरू करने के लिए, निर्देशों का पालन करें.
जब आपका एमुलेटर बूट हो जाए, तो ब्राउज़र आइकॉन पर क्लिक करें. इसके बाद, Android के लिए बने पुराने स्टॉक ब्राउज़र पर अपनी साइट की जांच की जा सकेगी.
Android पर Chromium Content Shell
Android Emulator का कॉन्टेंट शेल
Android के लिए Chromium Content Shell इंस्टॉल करने के लिए, अपने एमुलेटर को चालू रखें और कमांड प्रॉम्प्ट में ये कमांड चलाएं:
git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh
अब Chromium Content Shell की मदद से, अपनी साइट की जांच की जा सकती है.
Android पर Firefox
Android एम्युलेटर पर 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 वीएम
Modern.IE वर्चुअल मशीनों की मदद से, VirtualBox (या VMWare) के ज़रिए अपने कंप्यूटर पर IE के अलग-अलग वर्शन ऐक्सेस किए जा सकते हैं. यहां डाउनलोड पेज पर जाकर, कोई वर्चुअल मशीन चुनें.
क्लाउड-आधारित एम्युलेटर और सिम्युलेटर
अगर आपके पास एमुलेटर इस्तेमाल करने की सुविधा नहीं है और आपके पास असल डिवाइसों का ऐक्सेस भी नहीं है, तो क्लाउड-आधारित एमुलेटर का इस्तेमाल करें. असल डिवाइसों और लोकल एमुलेटर के मुकाबले, क्लाउड-आधारित एमुलेटर का एक बड़ा फ़ायदा यह है कि अलग-अलग प्लैटफ़ॉर्म पर अपनी साइट के लिए यूनिट टेस्ट को ऑटोमेट किया जा सकता है.
- मैन्युअल टेस्टिंग के लिए, BrowserStack (व्यावसायिक) का इस्तेमाल करना सबसे आसान है. इसमें आपको कोई ऑपरेटिंग सिस्टम, ब्राउज़र का वर्शन, और डिवाइस टाइप चुनना होता है. इसके बाद, ब्राउज़ करने के लिए कोई यूआरएल चुनें. ऐसा करने पर, होस्ट की गई वर्चुअल मशीन चालू हो जाती है. एक ही स्क्रीन पर कई एम्युलेटर भी चलाए जा सकते हैं. इससे, एक ही समय पर कई डिवाइसों पर आपके ऐप्लिकेशन के दिखने और काम करने का तरीका जांचा जा सकता है.
- SauceLabs (व्यावसायिक) की मदद से, किसी एमुलेटर में यूनिट टेस्ट चलाए जा सकते हैं. यह सुविधा, आपकी साइट के फ़्लो को स्क्रिप्ट करने और बाद में अलग-अलग डिवाइसों पर इसकी वीडियो रिकॉर्डिंग देखने के लिए काफ़ी मददगार हो सकती है. अपनी साइट की मैन्युअल जांच भी की जा सकती है.
- Device Anywhere (व्यावसायिक) में एमुलेटर का इस्तेमाल नहीं किया जाता. इसमें असली डिवाइसों का इस्तेमाल किया जाता है, जिन्हें रिमोट से कंट्रोल किया जा सकता है. यह सुविधा तब काफ़ी मददगार होती है, जब आपको किसी खास डिवाइस पर समस्या को फिर से देखना हो और पिछली गाइड में दिए गए किसी भी विकल्प पर बग न दिख रहा हो.
- LambdaTest (कॉमर्शियल) की मदद से, 2,000 से ज़्यादा ब्राउज़र और ऑपरेटिंग सिस्टम के कॉम्बिनेशन पर, मैन्युअल क्रॉस ब्राउज़र टेस्टिंग की जा सकती है. उपयोगकर्ता, मुश्किल गड़बड़ियों का वीडियो रिकॉर्ड कर पाएंगे और उसे MS Teams, Slack वगैरह जैसे इंटिग्रेशन की मदद से शेयर कर पाएंगे. उपयोगकर्ता, एक साथ कई टेस्ट चलाकर, टेस्टिंग की प्रोसेस को तेज़ कर सकते हैं.