কীভাবে সাফারিতে প্রতিক্রিয়াশীল ডিজাইন মোড সক্রিয় এবং ব্যবহার করবেন

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

সাফারি ওয়েব ব্রাউজারে রেসপন্সিভ ডিজাইন মোড কীভাবে সক্ষম করবেন তা এখানে।

এই প্রবন্ধের তথ্য Safari 9 এর মাধ্যমে Safari 13-এ প্রযোজ্য, OS X El Capitan এর মাধ্যমে macOS Catalina বিস্তৃত। সাফারির উইন্ডোজ সংস্করণে প্রতিক্রিয়াশীল ডিজাইন মোড উপলব্ধ নেই, যা অ্যাপল আর সমর্থন করে না৷

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

সাফারি রেসপন্সিভ ডিজাইন মোড সক্ষম করতে, অন্যান্য সাফারি ডেভেলপার টুল সহ:

1. সাফারি -এ যান মেনু এবং পছন্দ নির্বাচন করুন .

   কীবোর্ড শর্টকাট কমান্ড টিপুন +, (কমা) পছন্দগুলি দ্রুত অ্যাক্সেস করতে।

2. অভিরুচি -এ ডায়ালগ বক্সে, উন্নত নির্বাচন করুন ট্যাব।

   

3. ডায়ালগ বক্সের নীচে, মেনু বারে বিকাশ মেনু দেখান নির্বাচন করুন চেক বক্স।

   

4. আপনি এখন বিকাশ দেখতে পাবেন৷ উপরের সাফারি মেনু বারে।

   

5. বিকাশ করুন নির্বাচন করুন৷> প্রতিক্রিয়াশীল ডিজাইন মোডে প্রবেশ করুন সাফারি টুলবারে।

   কীবোর্ড শর্টকাট বিকল্প টিপুন +কমান্ড +R দ্রুত প্রতিক্রিয়াশীল ডিজাইন মোডে প্রবেশ করতে।

   

6. সক্রিয় ওয়েব পৃষ্ঠা প্রতিক্রিয়াশীল ডিজাইন মোডে প্রদর্শিত হয়। পৃষ্ঠার শীর্ষে, পৃষ্ঠাটি কীভাবে রেন্ডার হবে তা দেখতে একটি iOS ডিভাইস বা একটি স্ক্রীন রেজোলিউশন চয়ন করুন৷

   ৷

7. বিকল্পভাবে, রেজোলিউশন আইকনগুলির উপরে ড্রপ-ডাউন মেনু ব্যবহার করে আপনার ওয়েব পৃষ্ঠাটি বিভিন্ন প্ল্যাটফর্মে কীভাবে রেন্ডার হবে তা দেখুন৷

   

Safari ডেভেলপার টুলস

রেসপনসিভ ডিজাইন মোড ছাড়াও, সাফারি ডেভেলপ মেনু অন্যান্য দরকারী বিকল্পগুলি অফার করে৷

দিয়ে পৃষ্ঠা খুলুন

বর্তমানে Mac এ ইনস্টল করা যেকোনো ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠা খোলে।

ব্যবহারকারী এজেন্ট

আপনি যখন ব্যবহারকারী এজেন্ট পরিবর্তন করেন, তখন আপনি একটি ওয়েবসাইটকে বোকা বানিয়ে ভাবতে পারেন যে আপনি অন্য ব্রাউজার ব্যবহার করছেন৷

ওয়েব ইন্সপেক্টর দেখান

CSS তথ্য এবং DOM মেট্রিক্স সহ একটি ওয়েব পৃষ্ঠার সমস্ত সংস্থান প্রদর্শন করে৷

ত্রুটি কনসোল দেখান

জাভাস্ক্রিপ্ট, এইচটিএমএল এবং এক্সএমএল ত্রুটি এবং সতর্কতা প্রদর্শন করে।

পৃষ্ঠার উৎস দেখান

আপনাকে সক্রিয় ওয়েব পেজের সোর্স কোড দেখতে এবং পৃষ্ঠার বিষয়বস্তু অনুসন্ধান করতে দেয়।

পৃষ্ঠা সম্পদ দেখান

বর্তমান পৃষ্ঠা থেকে নথি, স্ক্রিপ্ট, CSS এবং অন্যান্য সংস্থান প্রদর্শন করে।

স্নিপেট এডিটর দেখান

আপনাকে কোডের টুকরোগুলি সম্পাদনা এবং কার্যকর করতে দেয়। এই বৈশিষ্ট্যটি একটি পরীক্ষার দৃষ্টিকোণ থেকে দরকারী৷

এক্সটেনশন বিল্ডার দেখান

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

টাইমলাইন রেকর্ডিং শুরু করুন

আপনাকে ওয়েবকিট ইন্সপেক্টরের মধ্যে নেটওয়ার্ক অনুরোধ, জাভাস্ক্রিপ্ট এক্সিকিউশন, পেজ রেন্ডারিং এবং অন্যান্য ইভেন্ট রেকর্ড করতে দেয়।

খালি ক্যাশে

সাফারির মধ্যে সমস্ত সঞ্চিত ক্যাশে মুছে দেয়, শুধুমাত্র স্ট্যান্ডার্ড ওয়েবসাইট ক্যাশে ফাইলগুলিই নয়৷

ক্যাশে নিষ্ক্রিয় করুন

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

স্মার্ট সার্চ ফিল্ড থেকে জাভাস্ক্রিপ্টকে অনুমতি দিন

নিরাপত্তার কারণে ডিফল্টরূপে অক্ষম করা হয়েছে, এই বৈশিষ্ট্যটি আপনাকে Safari ঠিকানা বারে JavaScript ধারণকারী URL গুলি প্রবেশ করতে দেয়৷