"আমরা সবাই এখন ইন্টারনেটের সাথে সংযুক্ত, একটি বিশাল মস্তিষ্কের নিউরনের মতো" ~ স্টিফেন হকিং
আচ্ছা, একদম সত্যি তাই না? ইন্টারনেটের শক্তি অতুলনীয়! ওয়েব লক্ষ লক্ষ ওয়েবসাইট এবং তথ্যে পূর্ণ। আপনার গবেষণার জন্য তথ্যের একটি নির্দিষ্ট অংশ খুঁজতে হবে, অথবা শুধুমাত্র বিনোদন পোর্টালগুলির মাধ্যমে ব্রাউজ করতে হবে বা সোশ্যাল মিডিয়াতে খনন করতে হবে, ওয়েবসাইটগুলি আপনার গ্যাজেটগুলির সাথে আমাদের আটকে রাখার জন্য একটি প্রধান উত্স হিসাবে কাজ করে৷
চিত্রের উৎস:YouTube
আপনি কি কোনো ওয়েবসাইট ব্যবহার করার সময় "ইন্সপেক্ট এলিমেন্ট" বৈশিষ্ট্যের কথা শুনেছেন? ইন্সপেক্ট এলিমেন্ট অনেকটা ব্রাউজার টুলের মতো যা আপনাকে ওয়েবপৃষ্ঠার HTML এবং CSS স্ক্রিপ্ট দেখতে এবং সম্পাদনা করতে দেয়। এই বৈশিষ্ট্যটি সমস্ত ব্রাউজারে উপলব্ধ যদিও, এটির দেওয়া নামটি ভিন্ন হতে পারে, যেমন ক্রোমের জন্য এটি বিকাশকারী মোড, সাফারির জন্য এটি ওয়েব ইন্সপেক্টর এবং ফায়ারফক্সের জন্য এটি পরিদর্শন৷
এই পোস্টে, আমরা Safari, Google Chrome এবং Firefox সহ বিভিন্ন ব্রাউজারে Mac-এ উপাদান পরিদর্শন করার বিষয়ে শিখব। এবং আমরা শুরু করার আগে, আসুন কীভাবে পরিদর্শন উপাদান সরঞ্জামটি ব্যবহার করতে হয় এবং কেন এটি দরকারী সে সম্পর্কে একটি দ্রুত ধারণা নেওয়া যাক৷
"ইন্সপেক্ট এলিমেন্ট" কি?
যখনই আপনি যেকোনো ওয়েবসাইটে রাইট-ক্লিক করবেন, আপনি প্রসঙ্গ মেনুতে "ইন্সপেক্ট এলিমেন্ট" বৈশিষ্ট্যটি দেখতে পাবেন। প্রযুক্তিগত পরিভাষায়, ইন্সপেক্ট এলিমেন্ট টুল ব্যবহারকারীদের সামনের প্রান্তে ওয়েবপৃষ্ঠা দেখতে বা পরিবর্তন করতে দেয়। ইন্সপেক্ট এলিমেন্ট টুলটি প্রধানত ফ্রন্ট-এন্ড ডেভেলপারদের দ্বারা লাইভ কোড নাশকতার ভয় ছাড়াই একটি নির্দিষ্ট ওয়েবসাইটের চেহারা এবং অনুভূতির সাথে খেলার জন্য ব্যবহৃত হয়। এটি "পরীক্ষা" পর্বে নির্দিষ্ট কিছু অনুষ্ঠানে ওয়েবসাইটের উপাদানগুলি "পরিদর্শন" করতে ব্যবহৃত হয়।
কিভাবে ম্যাকে উপাদান পরিদর্শন করবেন
Inspect Element বৈশিষ্ট্যটি Safari, Chrome এবং Firefox সহ প্রতিটি ওয়েব ব্রাউজারের সাথে এমবেড করা আছে৷ আমরা এখন শিখব কিভাবে প্রতিটি ওয়েব ব্রাউজারের Mac এ Inspect Element ব্যবহার করতে হয়।
সাফারি:
৷আমরা শুরু করার আগে, প্রথমে, চলুন Safari-এ "ইনস্পেক্ট এলিমেন্ট" বৈশিষ্ট্যটি সক্ষম করি যদি এটি ডিফল্টরূপে চালু না থাকে৷
সাফারি লঞ্চ করুন, পছন্দগুলি খুলুন৷
"উন্নত" ট্যাবে স্যুইচ করুন এবং তারপরে "মেনু বারে বিকাশ মেনু দেখান" বিকল্পে চেক করুন৷
আপনি এই বিকল্পটি চেক করার সাথে সাথে মেনু বারে একটি নতুন "বিকাশ" বিকল্প যোগ করা হবে৷
সাফারি ব্রাউজারে ম্যাকের উপাদান পরিদর্শন করতে, আপনাকে যা করতে হবে তা এখানে:
বিকল্প 1:রাইট-ক্লিক পদ্ধতির মাধ্যমে
Mac-এ Inspect Element টুল ব্যবহার করার দ্রুততম উপায় হল রাইট-ক্লিক পদ্ধতি ব্যবহার করা৷
ওয়েবপৃষ্ঠাটি দেখুন, সাদা স্থানের যে কোনও জায়গায় ডান-ক্লিক করুন, "পরিদর্শন করুন" নির্বাচন করুন৷
বিকল্প 2:"বিকাশ" মেনুর মাধ্যমে
আপনি নতুন যোগ করা "ডেভেলপ" মেনুর মাধ্যমে পরিদর্শন উপাদান বৈশিষ্ট্যটিও ব্যবহার করতে পারেন৷
ওয়েবসাইটটি দেখুন, উপরের মেনু বারে রাখা "ডেভেলপ" বিকল্পে আলতো চাপুন এবং তারপরে "ওয়েব ইন্সপেক্টর দেখান" নির্বাচন করুন৷
বিকল্প 3:শর্টকাট কী ব্যবহার করুন
macOS-এ Inspect Element টুল ব্যবহার করার তৃতীয় বিকল্প হল শর্টকাট কীগুলির মাধ্যমে৷
একটি ওয়েবপৃষ্ঠার উপাদান পরিদর্শন করতে শুধুমাত্র Command + Option + I কী সমন্বয় টিপুন৷
Google Chrome:
৷আপনি কিভাবে Chrome ব্রাউজারে Mac এ উপাদান পরিদর্শন করতে পারেন তার 4টি ভিন্ন উপায় রয়েছে৷
বিকল্প 1:রাইট-ক্লিক পদ্ধতি
আপনার Mac-এ Chrome ব্রাউজার চালু করুন, যে ওয়েবসাইটটিতে আপনাকে উপাদানগুলি পরিদর্শন করতে হবে সেটিতে যান৷
যেকোন জায়গায় রাইট-ক্লিক করুন এবং তারপর "পরিদর্শন" নির্বাচন করুন৷
বিকল্প 2:মেনু বারের মাধ্যমে
Chrome চালু করুন, উপরের মেনু বারে রাখা "দেখুন" বিকল্পে ট্যাপ করুন।
চিত্রের উৎস:সুপার ইউজার
ডেভেলপার টুলস> ডেভেলপার> ডেভেলপার টুলে নেভিগেট করুন।
Chrome-এ পরিদর্শন উপাদান ব্যবহার করতে "কাস্টমাইজ এবং নিয়ন্ত্রণ" বিকল্পটি নির্বাচন করুন৷
বিকল্প 3:কীবোর্ড শর্টকাট ব্যবহার করা
Chrome-এ "ইনস্পেক্ট এলিমেন্ট" উইন্ডো দেখতে Command + Option + C বিকল্পে ক্লিক করুন।
বিকল্প 4:সেটিংসের মাধ্যমে
macOS-এ Google Chrome চালু করুন, উপরের-ডান কোণায় রাখা তিন-বিন্দুর আইকনে আলতো চাপুন৷
"আরো টুল"-এ আলতো চাপুন এবং তারপরে "ডেভেলপার টুলস" নির্বাচন করুন৷
মোজিলা ফায়ারফক্স:
Firefox-এ Inspect Element টুল ব্যবহার করতে, এই দ্রুত পদক্ষেপগুলি অনুসরণ করুন৷
বিকল্প 1:রাইট-ক্লিক পদ্ধতি
Firefox চালু করুন, ওয়েবসাইট দেখুন।
স্ক্রীনের যে কোন জায়গায় ডান-ক্লিক করুন, "পরিদর্শন করুন" নির্বাচন করুন।
বিকল্প 2:মেনুর মাধ্যমে
ম্যাকে ফায়ারফক্স চালু করুন৷ উপরের মেনু বারে রাখা "সরঞ্জাম" বিকল্পে আলতো চাপুন, "ওয়েব বিকাশকারী" নির্বাচন করুন। "পরিদর্শন" এ আলতো চাপুন৷
৷বিকল্প 3:শর্টকাট কী
Firefox ব্রাউজারে Mac এ Inspect Element সক্ষম করার শর্টকাট Command + Option + C কী সমন্বয় টিপে অর্জন করা যেতে পারে।
FAQs:
প্রশ্ন 1. আমি কিভাবে Mac এ পরিদর্শন উপাদান খুলব?
চিত্রের উৎস:Zapier
Mac-এ Inspect Element টুল খোলার দ্রুততম উপায়গুলির মধ্যে একটি হল ওয়েবসাইটে রাইট-ক্লিক করা এবং প্রসঙ্গ মেনু থেকে "পরিদর্শন" বিকল্পটি বেছে নেওয়া৷
প্রশ্ন 2. একটি ম্যাকে উপাদান পরিদর্শনের শর্টকাট কি?
ইনস্পেক্ট এলিমেন্ট ব্যবহার করার শর্টকাট প্রতিটি ব্রাউজারে আলাদা:
- ৷
- সাফারি:Command + Option + I
- Chrome:Command + Option + C
- Firefox:Command Option + C
প্রশ্ন 3. আমি কিভাবে Mac-এ Chrome-এ Inspect Element খুলব?
Google Chrome-এ Inspect Element ব্যবহার করতে, আপনি হয় Command + Option + C কী সমন্বয় টিপুন। বিকল্পভাবে, আপনি স্ক্রিনের যেকোনো জায়গায় ডান-ক্লিক করতে পারেন, পরিদর্শন উপাদান উইন্ডো চালু করতে "পরিদর্শন" নির্বাচন করুন৷
ম্যাকে উপাদান কিভাবে পরিদর্শন করা যায় তার চূড়ান্ত শব্দ
এখানে Safari, Chrome, এবং Firefox সহ বিভিন্ন ওয়েব ব্রাউজারে macOS-এ Inspect Element টুল কীভাবে ব্যবহার করবেন তার একটি দ্রুত নির্দেশিকা ছিল৷ সামাজিক যোগাযোগ মাধ্যম ফেসবুক, ইনস্টাগ্রাম এবং ইউটিউবে আমাদের অনুসরণ করুন। আপনি কত ঘন ঘন Mac এ Inspect Element টুল ব্যবহার করেন এবং কোন উদ্দেশ্যে? নির্দ্বিধায় আমাদের পাঠকদের সাথে আপনার চিন্তা শেয়ার করুন৷
৷