অনুকরণ করুন এবং অন্যান্য ব্রাউজার পরীক্ষা করুন

ক্রোম এবং অ্যান্ড্রয়েড জুড়ে আপনার সাইটটি দুর্দান্ত চলছে তা নিশ্চিত করার মাধ্যমে আপনার কাজ শেষ হয় না। যদিও ডিভাইস মোড আইফোনের মতো অন্যান্য ডিভাইসের একটি পরিসর সিমুলেট করতে পারে, আমরা আপনাকে অনুকরণের জন্য অন্যান্য ব্রাউজার সমাধানগুলি পরীক্ষা করতে উত্সাহিত করি।

সারাংশ

• যখন আপনার কাছে কোনো নির্দিষ্ট ডিভাইস না থাকে, বা কোনো কিছুর স্পট চেক করতে চান, তখন আপনার ব্রাউজারের মধ্যেই ডিভাইসটিকে অনুকরণ করা সবচেয়ে ভালো বিকল্প।
• ডিভাইস এমুলেটর এবং সিমুলেটর আপনাকে আপনার ওয়ার্কস্টেশন থেকে বিভিন্ন ডিভাইসে আপনার ডেভেলপমেন্ট সাইটকে অনুকরণ করতে দেয়।
• ক্লাউড-ভিত্তিক এমুলেটর আপনাকে বিভিন্ন প্ল্যাটফর্ম জুড়ে আপনার সাইটের জন্য ইউনিট পরীক্ষা স্বয়ংক্রিয় করতে দেয়।

ব্রাউজার এমুলেটর

ব্রাউজার এমুলেটরগুলি একটি সাইটের প্রতিক্রিয়াশীলতা পরীক্ষা করার জন্য দুর্দান্ত, কিন্তু তারা API, CSS সমর্থন এবং নির্দিষ্ট আচরণের মধ্যে পার্থক্য অনুকরণ করে না যা আপনি একটি মোবাইল ব্রাউজারে দেখতে পাবেন। বাস্তব ডিভাইসে চলমান ব্রাউজারগুলিতে আপনার সাইটটি পরীক্ষা করুন যাতে সবকিছু প্রত্যাশা অনুযায়ী আচরণ করে।

ফায়ারফক্সের প্রতিক্রিয়াশীল ডিজাইন ভিউ

ফায়ারফক্সের একটি প্রতিক্রিয়াশীল ডিজাইনের দৃশ্য রয়েছে যা আপনাকে নির্দিষ্ট ডিভাইসের পরিপ্রেক্ষিতে চিন্তা করা বন্ধ করতে উত্সাহিত করে এবং পরিবর্তে কীভাবে আপনার নকশাটি সাধারণ স্ক্রীনের আকারে বা প্রান্তগুলি টেনে আপনার নিজের আকারে পরিবর্তন হয় তা অন্বেষণ করে।

এজ এর F12 এমুলেশন

উইন্ডোজ ফোন অনুকরণ করতে, Microsoft Edge-এর অন্তর্নির্মিত এমুলেশন ব্যবহার করুন।

যেহেতু এজ লিগ্যাসি সামঞ্জস্যের সাথে পাঠানো হয় না, তাই ইন্টারনেট এক্সপ্লোরারের পুরানো সংস্করণে আপনার পৃষ্ঠাটি কেমন হবে তা অনুকরণ করতে IE 11 এর এমুলেশন ব্যবহার করুন।

ডিভাইস এমুলেটর এবং সিমুলেটর

ডিভাইস সিমুলেটর এবং এমুলেটরগুলি শুধুমাত্র ব্রাউজার পরিবেশ নয় পুরো ডিভাইসকে অনুকরণ করে। এগুলি OS ইন্টিগ্রেশনের প্রয়োজন হয় এমন জিনিসগুলি পরীক্ষা করার জন্য দরকারী, উদাহরণস্বরূপ ভার্চুয়াল কীবোর্ডগুলির সাথে ফর্ম ইনপুট৷

অ্যান্ড্রয়েড এমুলেটর

অ্যান্ড্রয়েড এমুলেটরে স্টক ব্রাউজার

এই মুহুর্তে, Android এমুলেটরে Chrome ইনস্টল করার কোন উপায় নেই। যাইহোক, আপনি অ্যান্ড্রয়েড ব্রাউজার, ক্রোমিয়াম কন্টেন্ট শেল এবং অ্যান্ড্রয়েডের জন্য ফায়ারফক্স ব্যবহার করতে পারেন যা আমরা এই গাইডে পরে কভার করব। Chromium কন্টেন্ট শেল একই ক্রোম রেন্ডারিং ইঞ্জিন ব্যবহার করে, কিন্তু ব্রাউজার নির্দিষ্ট কোনো বৈশিষ্ট্য ছাড়াই আসে।

অ্যান্ড্রয়েড এমুলেটরটি Android SDK-এর সাথে আসে যা আপনাকে এখান থেকে ডাউনলোড করতে হবে। তারপরে একটি ভার্চুয়াল ডিভাইস সেটআপ করতে নির্দেশাবলী অনুসরণ করুন এবং এমুলেটর চালু করুন ।

আপনার এমুলেটর বুট হয়ে গেলে, ব্রাউজার আইকনে ক্লিক করুন এবং আপনি অ্যান্ড্রয়েডের জন্য পুরানো স্টক ব্রাউজারে আপনার সাইটটি পরীক্ষা করতে সক্ষম হবেন।

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 সামগ্রী শেল দিয়ে আপনার সাইট পরীক্ষা করতে পারেন৷

অ্যান্ড্রয়েডে ফায়ারফক্স

অ্যান্ড্রয়েড এমুলেটরে ফায়ারফক্স আইকন

Chromium এর কন্টেন্ট শেলের মতো, আপনি এমুলেটরে ফায়ারফক্স ইনস্টল করার জন্য একটি APK পেতে পারেন।

https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/ থেকে ডান .apk ফাইলটি ডাউনলোড করুন।

এখান থেকে, আপনি নিম্নলিখিত কমান্ডের সাহায্যে একটি খোলা এমুলেটর বা সংযুক্ত অ্যান্ড্রয়েড ডিভাইসে ফাইলটি ইনস্টল করতে পারেন:

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

iOS সিমুলেটর

Mac OS X-এর জন্য iOS সিমুলেটর Xcode সহ আসে, যা আপনি অ্যাপ স্টোর থেকে ইনস্টল করতে পারেন।

আপনার হয়ে গেলে, Apple এর ডকুমেন্টেশনের মাধ্যমে সিমুলেটরের সাথে কীভাবে কাজ করবেন তা শিখুন।

আধুনিক.IE

আধুনিক IE VM

Modern.IE ভার্চুয়াল মেশিন আপনাকে VirtualBox (বা VMWare) এর মাধ্যমে আপনার কম্পিউটারে IE এর বিভিন্ন সংস্করণ অ্যাক্সেস করতে দেয়। এখানে ডাউনলোড পৃষ্ঠায় একটি ভার্চুয়াল মেশিন চয়ন করুন।

ক্লাউড-ভিত্তিক এমুলেটর এবং সিমুলেটর

আপনি যদি এমুলেটরগুলি ব্যবহার করতে না পারেন এবং বাস্তব ডিভাইসগুলিতে অ্যাক্সেস না পান, তাহলে ক্লাউড-ভিত্তিক এমুলেটরগুলি পরবর্তী সেরা জিনিস। বাস্তব ডিভাইস এবং স্থানীয় এমুলেটরগুলির উপর ক্লাউড-ভিত্তিক এমুলেটরগুলির একটি বড় সুবিধা হল যে আপনি বিভিন্ন প্ল্যাটফর্ম জুড়ে আপনার সাইটের জন্য ইউনিট পরীক্ষাগুলি স্বয়ংক্রিয় করতে পারেন।

• ব্রাউজারস্ট্যাক (বাণিজ্যিক) ম্যানুয়াল পরীক্ষার জন্য ব্যবহার করা সবচেয়ে সহজ। আপনি একটি অপারেটিং সিস্টেম নির্বাচন করুন, আপনার ব্রাউজারের সংস্করণ এবং ডিভাইসের ধরন নির্বাচন করুন, ব্রাউজ করার জন্য একটি URL নির্বাচন করুন এবং এটি একটি হোস্ট করা ভার্চুয়াল মেশিনকে ঘুরিয়ে দেয় যার সাথে আপনি ইন্টারঅ্যাক্ট করতে পারেন। আপনি একই স্ক্রীনে একাধিক এমুলেটরও ফায়ার করতে পারেন, আপনাকে পরীক্ষা করতে দেয় যে আপনার অ্যাপটি একই সময়ে একাধিক ডিভাইসে কেমন দেখায় এবং অনুভব করে।
• SauceLabs (বাণিজ্যিক) আপনাকে একটি এমুলেটরের ভিতরে ইউনিট পরীক্ষা চালানোর অনুমতি দেয়, যা আপনার সাইটের মাধ্যমে একটি প্রবাহ স্ক্রিপ্ট করার জন্য সত্যিই কার্যকর হতে পারে এবং বিভিন্ন ডিভাইসে এর পরে ভিডিও রেকর্ডিং দেখতে পারে। আপনি আপনার সাইটের সাথে ম্যানুয়াল পরীক্ষাও করতে পারেন।
• ডিভাইস এনিহোয়ার (বাণিজ্যিক) এমুলেটর ব্যবহার করে না কিন্তু বাস্তব ডিভাইস যা আপনি দূর থেকে নিয়ন্ত্রণ করতে পারেন। এটি এমন একটি ইভেন্টে খুব দরকারী যেখানে আপনাকে একটি নির্দিষ্ট ডিভাইসে একটি সমস্যা পুনরুত্পাদন করতে হবে এবং পূর্ববর্তী গাইডের কোনো বিকল্পে বাগ দেখতে পাচ্ছেন না।
• LambdaTest (বাণিজ্যিক) আপনাকে 2000+ ব্রাউজার এবং অপারেটিং সিস্টেমের সমন্বয়ে ম্যানুয়াল ক্রস ব্রাউজার টেস্টিং করতে সাহায্য করবে। ব্যবহারকারীরা জটিল বাগগুলির ভিডিও রেকর্ড করতে এবং এমএস টিম, স্ল্যাক এবং আরও অনেক কিছুর মতো একীকরণের মাধ্যমে ভাগ করতে সক্ষম হবে। ব্যবহারকারীরা সমান্তরালভাবে পরীক্ষা চালিয়ে তাদের পরীক্ষার গতি বাড়াতে পারে।