মোবাইল ডিভাইসগুলি ইতিমধ্যে অনেক ওয়েবসাইটের জন্য অনলাইনে পাঠকদের সংখ্যাগরিষ্ঠ না হলেও বেশিরভাগ অংশ নিয়ে গঠিত, যাতে আপনার সাইটটি কোনও আইফোন বা ট্যাবলেটে সঠিকভাবে কাজ করবে এবং সঠিকভাবে কাজ করবে তা নিশ্চিত করে তোলা অত্যন্ত গুরুত্বপূর্ণ। এমন অনেক পরিষেবা রয়েছে যা প্রদত্ত ইউআরএলটির জন্য মোবাইল বিন্যাসের পূর্বরূপ সরবরাহ করে, তবে অ্যাপল ওএস এক্স এল ক্যাপিটেনে সাফারি 9 এর সাহায্যে মোবাইল প্রস্তুতির জন্য পরীক্ষামূলক ওয়েবসাইটগুলি আরও সহজ করে তুলেছিল। প্রতিক্রিয়াশীল ডিজাইন মোড নামে একটি নতুন বৈশিষ্ট্যটি বিভিন্ন অ্যাপল ডিভাইসের পাশাপাশি সাধারণ মোবাইল স্ক্রিন রেজোলিউশনে কোনও ওয়েবসাইট দেখতে কেমন তাড়াতাড়ি পূর্বরূপ দেখতে পারে। এখানে কিভাবে এটা কাজ করে.
এটি পুনরাবৃত্তি করা জরুরী যে প্রতিক্রিয়াশীল ডিজাইন মোড একটি নতুন বৈশিষ্ট্য যা ওএস এক্স এল ক্যাপিটেনের সাফারি 9 এর সাথে একচেটিয়া, তাই আপনার এটি অ্যাক্সেস করার জন্য ব্রাউজার এবং অপারেটিং সিস্টেমের কমপক্ষে এই সংস্করণগুলি চালানো দরকার। যদি আপনার ম্যাকটি এই প্রয়োজনীয়তাটি পূরণ করে তবে আপনাকে প্রথমে সাফারির বিকাশকারী মোড সক্ষম করতে হবে। এটি করতে, সাফারি চালু করুন এবং মেনু বারে সাফারিটি ক্লিক করুন। তারপরে পছন্দসমূহ> অগ্রণী নির্বাচন করুন।
সাফারির পছন্দ উইন্ডোটির উন্নত ট্যাবে "মেনু বারে বিকাশ মেনু প্রদর্শন করুন" লেবেলযুক্ত বাক্সটি চেক করুন option বিকল্পটির নাম থেকেই বোঝা যাচ্ছে, আপনি সাফারি মেনু বারের ডানদিকে একটি নতুন "বিকাশ" মেনু দেখতে পাবেন you'll "বুকমার্ক।"
এরপরে, সাফারি পছন্দসমূহ উইন্ডোটি বন্ধ করুন এবং কোনও ওয়েবসাইটটিতে নেভিগেট করুন যা আপনি প্রতিক্রিয়াশীল ডিজাইন মোডে পরীক্ষা করতে চান। ওয়েবসাইটটি আপনার ব্রাউজারে পুরোপুরি লোড হয়ে গেলে, কীবোর্ড শর্টকাট কমান্ড-অপশন-আর ব্যবহার করুন এবং আপনি ব্রাউজার উইন্ডোটিকে একাধিক মোবাইল ডিভাইস রেজোলিউশনের পূর্বরূপে রূপান্তরিত করতে দেখবেন (এছাড়াও আপনি বিকাশে ক্লিক করে প্রতিক্রিয়াশীল ডিজাইন মোড অ্যাক্সেস করতে পারেন সাফারি মেনু বার এবং নির্বাচন করুন প্রতিক্রিয়াশীল ডিজাইন মোড )।
সাফারি রিসপন্সিয়াল ডিজাইন মোড আপনাকে একটি ওয়েবসাইট কীভাবে অ্যাপলের মোবাইল ডিভাইস রেজোলিউশনগুলিতে 3.5 ইঞ্চি আইফোন 4 এস থেকে 12.9-ইঞ্চি আইপ্যাড প্রো অবধি দেখায় lets ব্যবহারকারীদের কাছে 1x, 2x, বা 3x "রেটিনা" রেজোলিউশন নির্বাচন করার এবং ক্রোম, ফায়ারফক্স এবং এজের মতো সর্বাধিক জনপ্রিয় ব্রাউজারগুলির আচরণ অনুকরণ করার জন্য ব্রাউজার এজেন্ট পরিবর্তন করার বিকল্প রয়েছে।
প্রতিটি ডিভাইস এবং স্ক্রিন আকারের জন্য, ব্যবহারকারীরা প্রতিকৃতি এবং ল্যান্ডস্কেপ অভিমুখীকরণের মধ্যে পরিবর্তন করতে ডিভাইস আইকনে ক্লিক করতে পারেন বা আইপ্যাড এয়ার এবং আইপ্যাড প্রো এর মতো ডিভাইসগুলির জন্য যা বিভক্ত দর্শনের সমর্থন করে, আপনি বিভিন্ন স্প্লিট ভিউ বিন্যাসের মধ্যে ঘোরানোর জন্য ক্লিক করতে পারেন।
সাফারি রিসপন্সিয়াল ডিজাইন মোডে কিছু অনুরূপ পূর্বনির্ধারিত সরঞ্জামের বিকল্পের অভাব রয়েছে, তবে এটি সরাসরি সাফারিটিতে তৈরি করা ওয়েব ডিজাইনারদের জন্য একটি বিশাল সময় বাঁচাতে পারে এবং ওয়েবসাইটের মালিকদের জন্য এটি দুর্দান্ত শিখতে এবং পরীক্ষার সরঞ্জাম হতে পারে যা নিশ্চিত করতে চান যে তাদের মোবাইল দর্শকদের জন্য স্ক্রিন রেজোলিউশন বা আকার নির্বিশেষে সেরা অভিজ্ঞতা পাচ্ছেন।
একবার আপনি টেস্টিং শেষ হয়ে গেলে, আপনি ব্রাউজার উইন্ডো বা ট্যাবটি বন্ধ করে বা শর্টকাট কমান্ড-অপশন-আর টিপে পুনরায় প্রতিক্রিয়াশীল ডিজাইন মোডটি ছেড়ে যেতে পারেন।
