আজকের বিশ্বের একটি ওয়েব ডেভেলপার হওয়ার অর্থ হচ্ছে ডিভাইসগুলির এবং প্ল্যাটফর্মগুলির একটি অংশকে সমর্থন করা, যা কখনও কখনও একটি কঠিন কাজ হিসাবে প্রমাণিত হতে পারে। এমনকি সর্বশেষ ওয়েব মানগুলি অনুসরণকারী সবচেয়ে ভাল ডিজাইনকৃত কোডের সাথে আপনি এখনও খুঁজে পেতে পারেন যে আপনার ওয়েবসাইটের যে অংশগুলি সেগুলি নির্দিষ্ট ডিভাইসগুলিতে বা রেজুলেশনগুলিতে আপনি চান তা দেখতে বা কাজ করতে পারে না। পরিস্থিতিতে যেমন বিস্তৃত অ্যারের সমর্থন করার চ্যালেঞ্জ সম্মুখীন হলে, আপনার নিষ্পত্তি সঠিক সিমুলেশন সরঞ্জাম সমমূল্য হতে পারে।
আপনি যদি ম্যাক ব্যবহার করে এমন অনেক প্রোগ্রামারদের মধ্যে একজন হন, তবে সাফারি এর বিকাশকারী সরঞ্জামগুলি সর্বদা সহজেই কাজে আসে। সাফারি 9 প্রকাশের সাথে সাথে এই কার্যকারিতার বিস্তৃতি বেশিরভাগ ক্ষেত্রেই প্রসারিত হয়েছে, প্রধানত প্রতিক্রিয়াশীল ডিজাইন মোডের কারণে, যা আপনাকে বিভিন্ন স্ক্রিন রেজুলেশনগুলির পাশাপাশি বিভিন্ন আইপ্যাড, আইফোন এবং আইপড স্পর্শ বিল্ডগুলিতে আপনার সাইট কীভাবে রেন্ডার করবে তা পূর্বরূপ দেখতে দেয়।
এই টিউটোরিয়ালটি কীভাবে প্রতিক্রিয়াশীল ডিজাইন মোড এবং কিভাবে আপনার বিকাশের চাহিদাগুলির জন্য এটি ব্যবহার করবেন তা সক্রিয় করে।
সাফারি পছন্দসমূহ
প্রথম, আপনার সাফারি ব্রাউজার খুলুন।
ক্লিক করুন আফ্রিকায় শিকার অভিযান পর্দার উপরে অবস্থিত ব্রাউজার মেনুতে। ড্রপ ডাউন মেনু প্রদর্শিত হলে, নির্বাচন করুন পছন্দসমূহ বিকল্প দেখানো উদাহরণ মধ্যে বৃত্তাকার।
বিঃদ্রঃ: আপনি উল্লিখিত মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: COMMAND + COMMA (,)
05 এর 02বিকাশ মেনু দেখান
সাফারি এর পছন্দসই সংলাপ এখন আপনার ব্রাউজার উইন্ডো overlaying, প্রদর্শিত করা উচিত। প্রথম, ক্লিক করুন অগ্রসর আইকন একটি গিয়ার দ্বারা প্রতিনিধিত্ব এবং উইন্ডো উপরের উপরের দিকে অবস্থিত।
ব্রাউজারের উন্নত পছন্দগুলি এখন দৃশ্যমান হওয়া উচিত। নিচের দিকে একটি চেকবক্স দ্বারা লেবেল একটি বিকল্প, লেবেলযুক্ত মেনু বারে বিকাশ মেনু দেখান এবং উপরে উদাহরণ বৃত্তাকার। এই মেনু সক্রিয় করার জন্য একবার চেকবাক্সে ক্লিক করুন।
05 এর 03রিসার্চ ডিজাইন মোড লিখুন
লেবেল শীর্ষে অবস্থিত আপনার সাফারি মেনুতে এখন একটি নতুন বিকল্প পাওয়া উচিত বিকাশ। এই বিকল্পটি ক্লিক করুন।
যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, নির্বাচন করুন রিসার্চ ডিজাইন মোড লিখুনদেখানো উদাহরণ মধ্যে বৃত্তাকার।
বিঃদ্রঃ: আপনি উল্লিখিত মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন:বিকল্প + COMMAND + আর
05 এর 05রিসার্চ ডিজাইন মোড
সক্রিয় ওয়েব পৃষ্ঠাটি এখন উপরের উদাহরণে দেখানো প্রতিক্রিয়াশীল ডিজাইন মোডে প্রদর্শিত হবে। যেমন আইফোন 6 হিসাবে তালিকাভুক্ত iOS ডিভাইসগুলির মধ্যে একটি বা 800 x 600 হিসাবে উপলব্ধ মনোনীত স্ক্রিন রেজোলিউশনের একটি নির্বাচন করে, আপনি অবিলম্বে দেখতে পারেন যে পৃষ্ঠাটি সেই ডিভাইসে বা প্রদর্শনের রেজোলিউশনে কীভাবে রেন্ডার হবে।
দেখানো ডিভাইস এবং রেজুলেশন ছাড়াও, আপনি রেফারেন্স আইকনগুলির উপরে সরাসরি দেখানো ড্রপ-ডাউন মেনুতে ক্লিক করে - যেমন একটি পৃথক ব্যবহারকারী এজেন্ট - যেমন একটি ভিন্ন ব্রাউজার থেকে অনুকরণ করতে সাফারিকে নির্দেশ করতে পারেন।
05 এর 05বিকাশ মেনু: অন্যান্য বিকল্প
প্রতিক্রিয়াশীল ডিজাইন মোডের পাশাপাশি, সাফারি 9 এর বিকাশ মেনু অনেক অন্যান্য দরকারী বিকল্পগুলি সরবরাহ করে, যার মধ্যে কয়েকটি নীচে তালিকাভুক্ত।
- সঙ্গে পাতা খুলুন: বর্তমানে আপনার ম্যাকের যে কোনও ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠাটি খুলতে আপনাকে অনুমতি দেয়।
- ব্যবহারিক দূত: ব্যবহারকারী এজেন্ট পরিবর্তন করলে ওয়েব সার্ভারগুলি সাফারি 9 এর থেকে অন্য কিছু হিসাবে আপনার ব্রাউজার সনাক্ত করতে পারে।
- ওয়েব ইন্সপেক্টর সংযোগ করুন: সাফারি 9 এর ওয়েব ইন্সপেক্টর ওয়েবপৃষ্ঠার সমস্ত সংস্থানগুলি দেখায়, যা সিএসএস তথ্য, DOM মেট্রিক্স, এবং কাঠামো, এবং তার নেটিভ সোর্স কোডটি উপলব্ধ করার ক্ষমতা প্রদান করে।
- দেখান ত্রুটি কনসোল: বিকাশ মেনুতে সর্বাধিক ব্যাপকভাবে ব্যবহৃত বিকল্পগুলির মধ্যে একটি, এই কনসোলটি JavaScript, HTML এবং XML ত্রুটি এবং সতর্কতা প্রদর্শন করে।
- পৃষ্ঠা উত্স দেখান: সক্রিয় ওয়েব পৃষ্ঠার উৎস কোড দেখতে এবং অনুসন্ধান করতে আপনাকে অনুমতি দেয়।
- পৃষ্ঠা সম্পদ দেখান: এই বিকল্পটি নির্বাচন করে বর্তমান পৃষ্ঠা থেকে নথি, স্ক্রিপ্ট, CSS এবং অন্যান্য সংস্থানগুলি প্রদর্শন করে।
- স্নিপেট সম্পাদক দেখান: একটি সম্পূর্ণ পৃষ্ঠা বিরোধিতার, কোড টুকরা সম্পাদনা এবং নির্বাহ করার ক্ষমতা প্রদান করে। এই বৈশিষ্ট্য একটি পরীক্ষার দৃষ্টিকোণ থেকে খুব দরকারী।
- এক্সটেনশন বিল্ডার দেখান: আপনার কোড অনুযায়ী প্যাকেজিং এবং মেটাডেটা যুক্ত করে আপনার নিজের সাফারি এক্সটেনশানগুলি তৈরি করার অনুমতি দেয়।
- টাইমলাইন রেকর্ডিং শুরু করুন: নেটওয়ার্ক অনুরোধ, জাভাস্ক্রিপ্ট কার্যকরকরণ, পৃষ্ঠা রেন্ডারিং, এবং ব্যবহারকারী-সংজ্ঞায়িত সময়ের জন্য অন্যান্য ইভেন্টগুলি সহ ওয়েবকিট ইন্সপেক্টরের মধ্যে সমস্ত দৃশ্যমান আইটেমগুলি সহ বেশ কয়েকটি আইটেম রেকর্ড করে।
- খালি ক্যাশে: এই বিকল্পটিতে ক্লিক করা হলে সাফারি এর মধ্যে সমস্ত সংরক্ষিত ক্যাশে মুছে ফেলা হবে, কেবলমাত্র মানক ওয়েবসাইট ক্যাশে ফাইলগুলিতে নয়।
- ক্যাশে নিষ্ক্রিয় করুন: ক্যাশিং নিষ্ক্রিয় করে, স্থানীয় ক্যাশে ব্যবহার করার পরিবর্তে অ্যাক্সেস অনুরোধটি প্রতিবার একটি ওয়েবসাইট থেকে সংস্থান ডাউনলোড করা হয়।
- স্মার্ট অনুসন্ধান ক্ষেত্র থেকে জাভাস্ক্রিপ্ট অনুমতি দিন: নিরাপত্তার কারণে ডিফল্ট হিসাবে নিষ্ক্রিয়, এই বৈশিষ্ট্যটি আপনাকে সাফারি এর ঠিকানার বারে জাভাস্ক্রিপ্ট ধারণকারী URL টি প্রবেশ করতে দেয়।
- অনিশ্চিত হিসাবে SHA-1 সার্টিফিকেটগুলি চিকিত্সা করুন: সিকিউর হ্যাশ অ্যালগরিদমের জন্য সংক্ষিপ্ত, SHA-1 হ্যাশ ফাংশন মূলত চিন্তার চেয়ে কম নিরাপদ প্রমাণিত হয়েছে, তাই সাফারি 9 এ এই বিকল্পটি যোগ করা হয়েছে।
