কী জানতে হবে
- সক্রিয় করতে: Preferences > সিলেক্ট করুন Advanced ট্যাব > টগল মেনু বারে ডেভেলপ মেনু দেখানচালু।
- ব্যবহারের জন্য: সাফারি টুলবারে ডেভেলপ ৬৪৩৩৪৫২ এন্টার রেসপন্সিভ ডিজাইন মোড নির্বাচন করুন।
এই নিবন্ধটি ব্যাখ্যা করে কিভাবে Safari 9-এ Safari 13-এর মাধ্যমে, OS X El Capitan-এ macOS Catalina-এর মাধ্যমে প্রতিক্রিয়াশীল ডিজাইন মোড সক্ষম করা যায়৷
কিভাবে সাফারিতে প্রতিক্রিয়াশীল ডিজাইন মোড সক্ষম করবেন
অন্যান্য সাফারি ডেভেলপার টুলের সাথে সাফারি রেসপন্সিভ ডিজাইন মোড সক্ষম করতে:
-
Safari মেনুতে যান এবং বেছে নিন Preferences।
পছন্দগুলি দ্রুত অ্যাক্সেস করতে কীবোর্ড শর্টকাট টিপুন Command+ , (কমা)।
-
Preferences ডায়ালগ বক্সে, Advanced ট্যাবটি নির্বাচন করুন।
Image -
ডায়লগ বক্সের নীচে, মেনু বারে ডেভেলপ মেনু দেখান চেক বক্স নির্বাচন করুন।
Image -
আপনি এখন শীর্ষ সাফারি মেনু বারে ডেভেলপ দেখতে পাবেন।
Image -
Develop > সাফারি টুলবারে রেসপন্সিভ ডিজাইন মোড এন্টার করুন।
কীবোর্ড শর্টকাট টিপুন Option+ Command+R দ্রুত প্রতিক্রিয়াশীল ডিজাইন মোডে প্রবেশ করতে.
Image -
সক্রিয় ওয়েব পৃষ্ঠাটি প্রতিক্রিয়াশীল ডিজাইন মোডে প্রদর্শিত হয়। পৃষ্ঠার শীর্ষে, পৃষ্ঠাটি কীভাবে রেন্ডার হবে তা দেখতে একটি iOS ডিভাইস বা একটি স্ক্রীন রেজোলিউশন চয়ন করুন৷
Image -
বিকল্পভাবে, রেজোলিউশন আইকনগুলির উপরে ড্রপ-ডাউন মেনু ব্যবহার করে আপনার ওয়েব পৃষ্ঠাটি বিভিন্ন প্ল্যাটফর্মে কীভাবে রেন্ডার হবে তা দেখুন৷
Image
সাফারি ডেভেলপার টুল
প্রতিক্রিয়াশীল ডিজাইন মোড ছাড়াও, সাফারি ডেভেলপ মেনু অন্যান্য দরকারী বিকল্পগুলি অফার করে৷
দিয়ে পৃষ্ঠা খুলুন
বর্তমানে Mac এ ইনস্টল করা যেকোনো ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠা খোলে।
ব্যবহারকারী এজেন্ট
যখন আপনি ব্যবহারকারী এজেন্ট পরিবর্তন করেন, তখন আপনি একটি ওয়েবসাইটকে বোকা বানিয়ে ভাবতে পারেন যে আপনি অন্য ব্রাউজার ব্যবহার করছেন।
ওয়েব ইন্সপেক্টর দেখান
CSS তথ্য এবং DOM মেট্রিক্স সহ একটি ওয়েব পৃষ্ঠার সমস্ত সংস্থান প্রদর্শন করে৷
ত্রুটি কনসোল দেখান
জাভাস্ক্রিপ্ট, এইচটিএমএল এবং এক্সএমএল ত্রুটি এবং সতর্কতা প্রদর্শন করে।
পৃষ্ঠা উত্স দেখান
আপনাকে সক্রিয় ওয়েব পেজের সোর্স কোড দেখতে এবং পৃষ্ঠার বিষয়বস্তু অনুসন্ধান করতে দেয়।
পৃষ্ঠা সম্পদ দেখান
বর্তমান পৃষ্ঠা থেকে নথি, স্ক্রিপ্ট, CSS এবং অন্যান্য সংস্থান প্রদর্শন করে।
স্নিপেট এডিটর দেখান
আপনাকে কোডের টুকরোগুলি সম্পাদনা এবং কার্যকর করতে দেয়। এই বৈশিষ্ট্যটি একটি পরীক্ষার দৃষ্টিকোণ থেকে দরকারী৷
এক্সটেনশন বিল্ডার দেখান
আপনার কোড সেই অনুযায়ী প্যাকেজ করে এবং মেটাডেটা যোগ করে Safari এক্সটেনশন তৈরি করতে সাহায্য করে।
টাইমলাইন রেকর্ডিং শুরু করুন
আপনাকে নেটওয়ার্ক অনুরোধ, জাভাস্ক্রিপ্ট এক্সিকিউশন, পেজ রেন্ডারিং এবং ওয়েবকিট ইন্সপেক্টরের মধ্যে অন্যান্য ইভেন্ট রেকর্ড করতে দেয়।
খালি ক্যাশে
Safari-এর মধ্যে সমস্ত সঞ্চিত ক্যাশে মুছে দেয়, শুধুমাত্র স্ট্যান্ডার্ড ওয়েবসাইট ক্যাশে ফাইল নয়।
ক্যাশে নিষ্ক্রিয় করুন
ক্যাশিং অক্ষম থাকার সাথে, স্থানীয় ক্যাশে ব্যবহার করার বিপরীতে প্রতিবার অ্যাক্সেসের অনুরোধ করা হলে একটি ওয়েবসাইট থেকে সংস্থানগুলি ডাউনলোড করা হয়৷
স্মার্ট সার্চ ফিল্ড থেকে জাভাস্ক্রিপ্টের অনুমতি দিন
নিরাপত্তার কারণে ডিফল্টরূপে অক্ষম করা হয়েছে, এই বৈশিষ্ট্যটি আপনাকে Safari ঠিকানা বারে JavaScript ধারণকারী URL গুলি প্রবেশ করতে দেয়৷
