এই টিউটোরিয়ালটি শুধুমাত্র ব্যবহারকারীদের উইন্ডোজ বা ম্যাক অপারেটিং সিস্টেমে অপেরা ব্রাউজার চালানোর জন্যই প্রযোজ্য। যদি আপনি অন্য ব্রাউজারে পৃষ্ঠার উৎস দেখতে চান তবে আমাদের গাইড কিভাবে প্রতিটি ব্রাউজারে একটি ওয়েব পেজের সোর্স কোডটি দেখুন ।
একটি ওয়েব পেজের সোর্স কোড দেখতে চাইবার জন্য অনেক কারণ রয়েছে, আপনার নিজের সাইট থেকে সমস্যাটি ডিজিব করার মাধ্যমে কেবল সাধারণ কৌতূহল থেকে। যাই হোক না কেন আপনার উদ্দেশ্য, অপেরা ব্রাউজার এই টাস্ক সম্পন্ন করা সহজ করে তোলে। আপনি এই উৎসটিকে একটি ব্রাউজার ট্যাবের মধ্যে তার সর্বাধিক মৌলিক ফর্মের মধ্যে নির্বাচন করতে বা অপেরা এর সমন্বিত বিকাশকারী সরঞ্জামগুলির সাথে গভীর ডুব নিতে বেছে নিতে পারেন। এই টিউটোরিয়াল আপনাকে দেখায় কিভাবে উভয় কাজ করতে। প্রথমে, আপনার অপেরা ব্রাউজারটি খুলুন
উইন্ডোজ ব্যবহারকারীরা
আপনার ব্রাউজার উইন্ডোর উপরের বামদিকের কোণায় থাকা অপেরা মেনু বোতামে ক্লিক করুন। যখন ড্রপ-ডাউন মেনু প্রদর্শিত হবে, আপনার সরঞ্জামগুলি আরও টুলের উপরে মাউস কার্সার রাখো। একটি উপমেনু এখন প্রদর্শিত হবে। দেখানো ডেভেলপার মেনুতে ক্লিক করুন যাতে এই বিকল্পের বামে একটি চেক চিহ্ন রাখা হয়।
প্রধান অপেরা মেনুতে ফিরে যান। আপনি এখন সরাসরি নীচে অবস্থিত একটি নতুন বিকল্প লক্ষ্য করবেন বিকাশকারী লেবেলগুলি আরও সরঞ্জাম । একটি সাব-মেনু প্রদর্শিত না হওয়া পর্যন্ত এই বিকল্পের উপরে আপনার মাউস কার্সার বানাবেন। পরবর্তী, দেখুন পৃষ্ঠা উৎসে ক্লিক করুন। সক্রিয় ওয়েব পেজের উৎস কোডটি এখন একটি নতুন ব্রাউজার ট্যাবে প্রদর্শিত হবে। আপনি এই পয়েন্টটি পৌঁছানোর জন্য নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: CTRL + U
সক্রিয় পৃষ্ঠার এবং এর সংশ্লিষ্ট কোড সম্পর্কে আরও গভীরতা বিশদ দেখতে, বিকাশকারী উপমেনু থেকে বিকাশকারী সরঞ্জামগুলি নির্বাচন করুন বা নিম্নলিখিত কীবোর্ড শর্টকাট ব্যবহার করুন: CTRL + SHIFT + I
ম্যাক ওএস এক্স এবং ম্যাকোস সিয়েরা ব্যবহারকারীরা
পর্দার শীর্ষে অবস্থিত, আপনার অপেরা মেনুতে ভিউতে ক্লিক করুন। যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, বিকাশকারী মেনুটি নির্বাচন করুন নির্বাচন করুন । আপনার অপেরা মেনুতে বিকাশকারী তালিকাভুক্ত একটি নতুন বিকল্পটি এখন যোগ করা উচিত। এই বিকল্পটি পরবর্তীতে ক্লিক করুন, এবং যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে দেখুন উত্স উত্স নির্বাচন করুন। আপনি এই কর্ম সঞ্চালনের জন্য নিম্নলিখিত কীবোর্ড শর্টকাট ব্যবহার করতে পারেন: কমান্ড + ইউ
একটি নতুন ট্যাব এখন দৃশ্যমান হওয়া উচিত, বর্তমান পৃষ্ঠার উৎস কোডটি দেখানো। এই একই পৃষ্ঠাটি অপেরা এর ডিভ টুলস সহ বিশ্লেষণ করতে, প্রথমে আপনার স্ক্রিনের উপরে অবস্থিত ব্রাউজার মেনুতে বিকাশকারীতে ক্লিক করুন। যখন ড্রপ-ডাউন মেনু প্রদর্শিত হবে, তখন বিকাশকারী সরঞ্জামগুলির বিকল্পটি নির্বাচন করুন।