06 এর 01
সাফারি 9 এ সাবস্ক্রাইব ডিজাইন মোড সক্রিয় এবং ব্যবহার করুন
আজকের পৃথিবীতে একটি ওয়েব ডেভেলপার হওয়ার অর্থ হচ্ছে ডিভাইস এবং প্ল্যাটফর্মের বিকাশ সমর্থন করা, যা কখনও কখনও একটি ডুবন্ত কাজ বলে প্রমাণ করতে পারে। এমনকি সাম্প্রতিকতম ওয়েব মান অনুযায়ী সবচেয়ে ভাল-ডিজাইন করা কোডের সাথে, আপনি এখনও খুঁজে পেতে পারেন যে আপনার ওয়েবসাইটের যে অংশগুলি আপনি নির্দিষ্ট ডিভাইসগুলিতে বা রেজুলেশনগুলিতে যা চান তা দেখতে বা কাজ করতে পারে না। যেমন পরিস্থিতিতে বিস্তৃত অ্যারের সমর্থন চ্যালেঞ্জ সম্মুখীন যখন, আপনার নিষ্পত্তি ডান সিমুলেশন সরঞ্জাম থাকার অমূল্য হতে পারে।
যদি আপনি একজন ম্যাক ব্যবহার করে এমন অনেক প্রোগ্রামারদের মধ্যে একজন হন, Safari এর বিকাশকারী সরঞ্জামসেট সবসময়ই সহজেই আসে। সাফারি 9 এর মুক্তির সাথে এই কার্যকারিতাটির বিস্তৃতি ব্যাপকভাবে বৃদ্ধি পেয়েছে, প্রধানত উত্তরদাতা ডিজাইন মোড_ এর কারণে যা আপনার সাইটটি বিভিন্ন স্ক্রিন রেজুলেশনগুলিতে পাশাপাশি বিভিন্ন আইপ্যাড, আইফোন এবং আইপড টাচ বিল্ডগুলিতে উপস্থাপিত করবে।
এই টিউটোরিয়াল বিস্তারিত কিভাবে প্রতিক্রিয়াশীল ডিজাইন মোড সক্রিয় হিসাবে এটি কিভাবে আপনার উন্নয়ন প্রয়োজনের জন্য এটি ব্যবহার করে।
প্রথমে, আপনার Safari ব্রাউজারটি খুলুন।
06 এর 02
সাফারি পছন্দসমূহ
স্ক্রিনের শীর্ষে অবস্থিত ব্রাউজার মেনুতে Safari এ ক্লিক করুন। যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, উপরের উদাহরণে চক্রযুক্ত পছন্দসই বিকল্পটি নির্বাচন করুন।
দয়া করে নোট করুন যে আপনি উপরে উল্লিখিত মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: COMMAND + COMMA (,)
06 এর 03
বিকাশ মেনু দেখান
আপনার ব্রাউজার উইন্ডোর আচ্ছাদন করা উচিত Safari এর পছন্দগুলি ডায়ালগ এখন প্রদর্শিত হবে। প্রথমে, একটি গিয়ার দ্বারা উপস্থাপিত উন্নত আইকন_তে ক্লিক করুন এবং উইন্ডোর উপরের ডানদিকের কোণায় অবস্থিত।
ব্রাউজারের উন্নত পছন্দগুলি এখন দৃশ্যমান হওয়া উচিত। নীচের অংশে একটি চেকবক্সের সাথে একটি বিকল্প রয়েছে, মেনু বারে বিকাশ মেনু প্রদর্শন করুন এবং উপরের উদাহরণে চক্রযুক্ত। একবার এই মেনু সক্রিয় করার জন্য চেকবক্সে ক্লিক করুন।
06 এর 04
প্রতিক্রিয়াশীল নকশা মোড লিখুন
একটি নতুন বিকল্প এখন আপনার Safari মেনুতে উপলব্ধ হবে, স্ক্রিনের শীর্ষে অবস্থিত, বিকাশযুক্ত লেবেল। এই বিকল্পটি ক্লিক করুন ড্রপ ডাউন মেনু প্রদর্শিত হলে, উত্তরদাতাদের ডিজাইন মোডটি নির্বাচন করুন _ উপরের উদাহরণে চক্রযুক্ত
অনুগ্রহ করে লক্ষ্য করুন যে আপনি উপরে উল্লিখিত মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: OPTION + COMMAND + R
06 এর 05
প্রতিক্রিয়াশীল ডিজাইন মোড
সক্রিয় ওয়েব পৃষ্ঠা এখন প্রদর্শিত হবে প্রদর্শিত হবে ডিজাইন মোড, উপরের উদাহরণ প্রদর্শিত হিসাবে। যেমন আইফোন 6 হিসাবে তালিকাভুক্ত আইওএস ডিভাইসগুলির মধ্যে একটি বেছে নেওয়া বা 800x600 এর মতো মনোনীত পর্দার রেজোলিউশনগুলির মধ্যে একটি, আপনি অবিলম্বে পৃষ্ঠাটি কিভাবে সেই ডিভাইসে উপস্থাপিত করবেন তা প্রদর্শন রেজোলিউশনে দেখবেন।
দেখানো ডিভাইস এবং রেজুলেশন ছাড়াও, আপনি একটি ভিন্ন ব্যবহারকারী এজেন্ট অনুকরণ করার জন্য Safari- এও নির্দেশ করতে পারেন - যেমন একটি ভিন্ন ব্রাউজার থেকে - ড্রপ-ডাউন মেনুতে ক্লিক করে রেজোলিউশন আইকনের উপরে সরাসরি প্রদর্শিত।
06 এর 06
মেনু বিকাশ: অন্যান্য বিকল্পগুলি
রিজিউশনাল ডিজাইন মোড ছাড়াও, Safari 9 এর বিকাশ মেনুটি আরও অন্যান্য দরকারী বিকল্পগুলি অফার করে যা কিছু তালিকা নীচে দেওয়া আছে।
- এই পৃষ্ঠাটি খুলুন: বর্তমানে আপনার ম্যাকে ইনস্টল থাকা অন্য ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠাটি খুলতে আপনাকে অনুমতি দেয়।
- ব্যবহারকারীর এজেন্ট: ব্যবহারকারীর এজেন্ট পরিবর্তন করে ওয়েব সার্ভারগুলি আপনার ব্রাউজারকে Safari 9 ব্যতীত অন্য কিছু হিসাবে চিহ্নিত করে।
- ওয়েব ইন্সপেক্টর সংযুক্ত করুন: Safari 9 এর ওয়েব ইন্সপেক্টর সমস্ত ওয়েব পৃষ্ঠাগুলির সংস্থান প্রদর্শন করে, যা CSS তথ্য, DOM ম্যাট্রিক্স এবং কাঠামো, সেইসাথে তার নেটিভ সোর্স কোড প্রতিযোগিতার ক্ষমতা প্রদান করে।
- ত্রুটি কনসোল দেখান: বিকাশ মেনুতে সর্বাধিক ব্যবহৃত বিকল্পগুলির মধ্যে একটি, এই কনসোলটি জাভাস্ক্রিপ্ট, এইচটিএমএল এবং এক্সএমএল ত্রুটি এবং সতর্কবার্তা প্রদর্শন করে।
- পৃষ্ঠা উত্স দেখান: সক্রিয় ওয়েব পৃষ্ঠাের উৎস কোডটি দেখতে এবং অনুসন্ধান করতে আপনাকে অনুমতি দেয়।
- পৃষ্ঠা সম্পদ দেখান: এই বিকল্পটি নির্বাচন বর্তমান পৃষ্ঠা থেকে নথি, স্ক্রিপ্টগুলি, CSS এবং অন্যান্য সংস্থানগুলি প্রদর্শন করে।
- স্নিপেট সম্পাদক দেখান: সম্পূর্ণ পৃষ্ঠার বিপরীতে, কোডের টুকরা সম্পাদনা এবং সম্পাদন করার ক্ষমতা উপলব্ধ করে। এই বৈশিষ্ট্য একটি পরীক্ষার দৃষ্টিকোণ থেকে খুব দরকারী।
- এক্সটেনশান বিল্ডার দেখান: আপনার কোডটি অনুযায়ী আপনার প্যাকেজ প্যাকেজ এবং মেটাডেটা যুক্ত করে আপনার নিজের Safari এক্সটেনশনগুলি তৈরি করার অনুমতি দেয়।
- টাইমলাইন রেকর্ডিং শুরু করুন: নেটওয়ার্ক অনুরোধ, জাভাস্ক্রিপ্ট এক্সিকিউশন, পৃষ্ঠা রেন্ডারিং, এবং একটি ব্যবহারকারী-সংজ্ঞায়িত সময়ের জন্য অন্যান্য ইভেন্টগুলি- WebKit ইন্সপেক্টর এর মধ্যে সমস্ত দৃশ্যমান সহ একাধিক আইটেম রেকর্ড করে।
- খালি ক্যাশে: এই বিকল্পটি ক্লিক করা হলে সাফারিের মধ্যে সমস্ত সংরক্ষিত ক্যাশে মুছে ফেলা হবে না, শুধু মানক ওয়েবসাইট ক্যাশ ফাইলগুলি নয়।
- ক্যাশে অক্ষম করুন: ক্যাশে অক্ষম থাকলে, প্রতিটি সময় একটি ওয়েবসাইট থেকে ডাউনলোড করা হয় যখন স্থানীয় ক্যাশে ব্যবহারের বিরোধিতা করা হয়।
- স্মার্ট অনুসন্ধান ক্ষেত্র থেকে জাভাস্ক্রিপ্টের অনুমতি দিন: নিরাপত্তার কারণে ডিফল্টভাবে নিষ্ক্রিয় করা হয়েছে, এই বৈশিষ্ট্যটি আপনাকে জাভাস্ক্রিপ্টের URL গুলিতে প্রবেশ করতে দেয় যা Safari এর ঠিকানা বারে।
- এসএসএ-1 সার্টিফিকেটগুলিকে অশিক্ষিত হিসাবে বিবেচনা করুন: নিরাপদ হাশ অ্যালগোরিদমের জন্য সংক্ষিপ্ত, SHA-1 হ্যাশ ফাংশন মূলত চিন্তার চেয়ে কম সুরক্ষিত প্রমাণিত হয়েছে। তাই Safari 9 এ এই বিকল্পটি যোগ করা হয়েছে।
সম্পর্কিত পাঠ
আপনি এই টিউটোরিয়াল দরকারী খুঁজে পাওয়া হলে, আমাদের অন্যান্য Safari 9 walkthroughs চেক আউট নিশ্চিত করুন।
- ওয়েবসাইট পরিচালনা কিভাবে বিজ্ঞপ্তি বিজ্ঞপ্তি পোস্ট করুন
- কিভাবে একটি পিডিএফ ফাইল একটি ওয়েব পেজ রপ্তানি
- স্বয়ংক্রিয়ভাবে আপডেট করার জন্য Safari 9 এক্সটেনশানগুলি কীভাবে কনফিগার করবেন
- কিভাবে পিনযুক্ত সাইট বৈশিষ্ট্য ব্যবহার করুন