کار شما به این ختم نمی شود که مطمئن شوید سایت شما در کروم و اندروید عالی اجرا می شود. اگرچه حالت دستگاه می‌تواند طیف وسیعی از دستگاه‌های دیگر مانند آیفون را شبیه‌سازی کند، ما شما را تشویق می‌کنیم راه‌حل‌های دیگر مرورگرها را برای شبیه‌سازی بررسی کنید.
خلاصه
- هنگامی که دستگاه خاصی ندارید، یا می خواهید چیزی را بررسی کنید، بهترین گزینه این است که دستگاه را دقیقاً در داخل مرورگر خود شبیه سازی کنید.
- شبیه سازها و شبیه سازهای دستگاه به شما امکان می دهند سایت توسعه خود را در طیف وسیعی از دستگاه های ایستگاه کاری خود تقلید کنید.
- شبیه سازهای مبتنی بر ابر به شما امکان می دهند تست های واحد سایت خود را در پلتفرم های مختلف به طور خودکار انجام دهید.
شبیه سازهای مرورگر
شبیه سازهای مرورگر برای آزمایش واکنش‌پذیری سایت عالی هستند، اما تفاوت‌های موجود در API، پشتیبانی CSS و رفتارهای خاصی را که در مرورگر تلفن همراه مشاهده می‌کنید، شبیه‌سازی نمی‌کنند. سایت خود را روی مرورگرهایی که روی دستگاه‌های واقعی کار می‌کنند تست کنید تا مطمئن شوید همه چیز مطابق انتظار عمل می‌کند.
نمای طراحی واکنشگرا فایرفاکس
فایرفاکس یک نمای طراحی پاسخگو دارد که شما را تشویق می‌کند تا به دستگاه‌های خاص فکر نکنید و در عوض با کشیدن لبه‌ها بررسی کنید که چگونه طراحی شما در اندازه‌های معمول صفحه نمایش یا اندازه خود تغییر می‌کند.
شبیه سازی F12 Edge
برای شبیه‌سازی تلفن‌های ویندوز، از شبیه‌سازی داخلی Microsoft Edge استفاده کنید.
از آنجایی که Edge با سازگاری قدیمی عرضه نمی شود، از شبیه سازی IE 11 برای شبیه سازی ظاهر صفحه خود در نسخه های قدیمی اینترنت اکسپلورر استفاده کنید.
شبیه ساز و شبیه ساز دستگاه
شبیه سازها و شبیه سازهای دستگاه نه تنها محیط مرورگر بلکه کل دستگاه را شبیه سازی می کنند. آنها برای آزمایش چیزهایی که نیاز به یکپارچه سازی سیستم عامل دارند، به عنوان مثال ورودی فرم با صفحه کلید مجازی مفید هستند.
شبیه ساز اندروید
مرورگر سهام در شبیه ساز اندروید
در حال حاضر هیچ راهی برای نصب کروم بر روی شبیه ساز اندروید وجود ندارد. با این حال، می توانید از مرورگر اندروید، پوسته محتوای Chromium و فایرفاکس برای اندروید استفاده کنید که بعداً در این راهنما به آنها خواهیم پرداخت. Chromium Content Shell از همان موتور رندر کروم استفاده می کند، اما بدون هیچ یک از ویژگی های خاص مرورگر ارائه می شود.
شبیه ساز اندروید همراه با Android SDK است که باید از اینجا دانلود کنید . سپس دستورالعمل ها را برای راه اندازی یک دستگاه مجازی و راه اندازی شبیه ساز دنبال کنید.
هنگامی که شبیه ساز شما بوت شد، روی نماد Browser کلیک کنید و می توانید سایت خود را در مرورگر قدیمی Stock برای اندروید تست کنید.
Chromium Content Shell در اندروید
پوسته محتوای شبیه ساز اندروید
برای نصب 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 آزمایش کنید.
فایرفاکس در اندروید
نماد فایرفاکس در شبیه ساز اندروید
مشابه پوسته محتوای Chromium، می‌توانید یک APK برای نصب فایرفاکس در شبیه‌ساز دریافت کنید.
فایل apk درست را از https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/ دانلود کنید.
از اینجا می‌توانید فایل را روی شبیه‌ساز باز یا دستگاه اندروید متصل با دستور زیر نصب کنید:
adb install <path to APK>/fennec-XX.X.XX.android-arm.apk
شبیه ساز iOS
شبیه‌ساز iOS برای Mac OS X همراه با Xcode است که می‌توانید آن را از اپ استور نصب کنید .
وقتی کارتان تمام شد، نحوه کار با شبیه ساز را از طریق اسناد اپل بیاموزید.
Modern.IE
IE VM مدرن
ماشین‌های مجازی Modern.IE به شما امکان می‌دهند از طریق VirtualBox (یا VMWare) به نسخه‌های مختلف IE بر روی رایانه خود دسترسی داشته باشید. یک ماشین مجازی را در صفحه دانلود اینجا انتخاب کنید.
شبیه سازها و شبیه سازهای مبتنی بر ابر
اگر نمی توانید از شبیه سازها استفاده کنید و به دستگاه های واقعی دسترسی ندارید، شبیه سازهای مبتنی بر ابر بهترین چیز بعدی هستند. مزیت بزرگ شبیه سازهای مبتنی بر ابر نسبت به دستگاه های واقعی و شبیه سازهای محلی این است که می توانید تست های واحد را برای سایت خود در پلتفرم های مختلف به طور خودکار انجام دهید.
- BrowserStack (تجاری) ساده ترین روش برای آزمایش دستی است. شما یک سیستم عامل را انتخاب می کنید، نسخه مرورگر و نوع دستگاه خود را انتخاب می کنید، یک URL را برای مرور انتخاب می کنید، و یک ماشین مجازی میزبانی را ایجاد می کند که می توانید با آن تعامل داشته باشید. همچنین می‌توانید چندین شبیه‌ساز را در یک صفحه فعال کنید و به شما امکان می‌دهد ظاهر و احساس برنامه‌تان را در چندین دستگاه به طور همزمان آزمایش کنید.
- SauceLabs (تجاری) به شما امکان می دهد تست های واحد را در داخل یک شبیه ساز اجرا کنید، که می تواند برای اسکریپت یک جریان در سایت شما و تماشای فیلم ضبط شده آن پس از آن در دستگاه های مختلف بسیار مفید باشد. همچنین می توانید تست دستی را با سایت خود انجام دهید.
- Device Anywhere (تجاری) از شبیه سازها استفاده نمی کند بلکه از دستگاه های واقعی استفاده می کند که می توانید از راه دور آنها را کنترل کنید. در مواردی که نیاز به بازتولید مشکل در یک دستگاه خاص دارید و نمی توانید اشکال را در هیچ یک از گزینه های راهنمای قبلی مشاهده کنید، بسیار مفید است.
- LambdaTest (تجاری) به شما کمک می کند تا آزمایش دستی مرورگر متقاطع را روی ترکیبی از بیش از 2000 مرورگر و سیستم عامل انجام دهید. کاربران می‌توانند ویدیویی از باگ‌های پیچیده ضبط کنند و آن را از طریق ادغام‌هایی مانند MS Teams، Slack و غیره به اشتراک بگذارند. کاربران می توانند با اجرای موازی تست ها، سرعت تست خود را افزایش دهند.