ওএস এক্স এল ক্যাপিটানে সাফারি সংস্করণ ৯-এ অ্যাপল রেসপন্সিভ ডিজাইন মোড চালু করেছিল। এই ইন্টারফেস ওয়েব ডেভেলপারদের বিভিন্ন স্ক্রিন আকার, অভিমুখ এবং রেজোলিউশনের জুড়ে ওয়েব অভিজ্ঞতা ডিজাইন করতে সাহায্য করে। রেসপন্সিভ ডিজাইন ডেভেলপারদের নিশ্চিত করে যে তাদের ওয়েবসাইট ও অ্যাপ একাধিক ডিভাইস ও প্ল্যাটফর্ম সমর্থন করে।
সাফারিতে রেসপন্সিভ ডিজাইন মোড কীভাবে সক্রিয় করবেন
সাফারি রেসপন্সিভ ডিজাইন মোড সক্রিয় করতে, অন্যান্য ডেভেলপার টুলস সহ নিচের ধাপগুলো অনুসরণ করুন:
- সাফারি মেনু-এ যান এবং পছন্দসমূহ (Preferences) নির্বাচন করুন।
কমান্ড + কমা (,) কীবোর্ড শর্টকাট দিয়েও দ্রুত পছন্দসমূহ খুলতে পারেন। - পছন্দসমূহ ডায়লগ বক্সে এডভান্সড (Advanced) ট্যাব নির্বাচন করুন।
- ডায়লগ বক্সের নিচে মেনুবারে ডেভেলপ মেনু দেখান (Show Develop menu in menu bar) চেকবক্স টিক দিন।
- এখন সাফারি টুলবারে ডেভেলপ (Develop) মেনু দেখা যাবে।
- ডেভেলপ > রেসপন্সিভ ডিজাইন মোডে প্রবেশ করুন (Enter Responsive Design Mode) নির্বাচন করুন।
দ্রুত প্রবেশের জন্য অপশন + কমান্ড + R চাপুন। - সক্রিয় ওয়েব পৃষ্ঠা রেসপন্সিভ ডিজাইন মোডে প্রদর্শিত হবে। পৃষ্ঠার শীর্ষে থাকা আইওএস ডিভাইস বা স্ক্রিন রেজোলিউশন থেকে বেছে নিন কিভাবে পৃষ্ঠা রেন্ডার হবে।
- রেজোলিউশন আইকনের উপরে থাকা ড্রপ-ডাউন মেনু ব্যবহার করে বিভিন্ন প্ল্যাটফর্মে পৃষ্ঠা কীভাবে দেখাবে তা পরীক্ষা করুন।
সাফারি ডেভেলপার টুলস
রেসপন্সিভ ডিজাইন মোডের পাশাপাশি সাফারির ডেভেলপ মেনুতে অন্যান্য উপকারী অপশন রয়েছে:
অন্য ব্রাউজারে পৃষ্ঠা খোলুন (Open Page With)
ম্যাক-এ ইনস্টল করা যেকোনো ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠা খুলতে দেয়।
ইউজার এজেন্ট (User Agent)
ইউজার এজেন্ট পরিবর্তন করলে ওয়েবসাইটকে অন্য ব্রাউজার ব্যবহার করছেন বলে বিভ্রান্ত করা যায়।
ওয়েব ইন্সপেক্টার দেখান (Show Web Inspector)
একটি ওয়েব পৃষ্ঠার সকল রিসোর্স, সিএসএস তথ্য এবং ডোম মেট্রিক্স প্রদর্শন করে।
এরর কনসোল দেখান (Show Error Console)
জাভাস্ক্রিপ্ট, এইচটিএমএল এবং এক্সএমএল এরর ও সতর্কতা দেখায়।
পেজ সোর্স দেখান (Show Page Source)
সক্রিয় ওয়েব পৃষ্ঠার সোর্স কোড দেখতে এবং পৃষ্ঠার বিষয়বস্তু খুঁজতে দেয়।
পেজ রিসোর্স দেখান (Show Page Resources)
বর্তমান পৃষ্ঠার ডকুমেন্ট, স্ক্রিপ্ট, সিএসএস এবং অন্যান্য রিসোর্স প্রদর্শন করে।
স্নিপেট এডিটর দেখান (Show Snippet Editor)
কোডের খণ্ড সম্পাদনা ও চালাতে দেয়। টেস্টিং এর দৃষ্টিকোন থেকে এটি খুবই উপকারী।
এক্সটেনশন বিল্ডার দেখান (Show Extension Builder)
কোড প্যাকেজিং এবং মেটাডেটা যুক্ত করে সাফারি এক্সটেনশন তৈরিতে সাহায্য করে।
টাইমলাইন রেকর্ডিং শুরু করুন (Start Timeline Recording)
ওয়েবকিট ইন্সপেক্টারের মধ্যে নেটওয়ার্ক অনুরোধ, জাভাস্ক্রিপ্ট এক্সিকিউশন, পেজ রেন্ডারিং এবং অন্যান্য ইভেন্ট রেকর্ড করতে দেয়।
ক্যাশ খালি করুন (Empty Caches)
সাফারির সকল সংরক্ষিত ক্যাশ ডিলিট করে, শুধু স্ট্যান্ডার্ড ওয়েবসাইট ক্যাশ ফাইল নয়।
ক্যাশ নিষ্ক্রিয় করুন (Disable Caches)
ক্যাশ অফ থাকলে রিসোর্স প্রতিবার ওয়েবসাইট থেকে ডাউনলোড হয়, লোকাল ক্যাশ ব্যবহার না করে।
স্মার্ট সার্চ ফিল্ড থেকে জাভাস্ক্রিপ্ট অনুমতি দিন (Allow JavaScript from Smart Search Field)
নিরাপত্তার কারণে ডিফল্টভাবে নিষ্ক্রিয়, এই ফিচার সক্ষম করলে সাফারি অ্যাড্রেস বারে জাভাস্ক্রিপ্ট সমৃদ্ধ ইউআরএল প্রবেশ করানো যায়।
