অপেরা ওয়েব ব্রাউজারে পৃষ্ঠা উত্স দেখুন এবং বিশ্লেষণ করুন

এই টিউটোরিয়ালটি শুধুমাত্র উইন্ডোজ বা ম্যাক অপারেটিং সিস্টেমে অপেরা ব্রাউজার চালানোর জন্য ব্যবহারকারীদের উদ্দেশ্যে। যদি আপনি অন্য ব্রাউজারে পৃষ্ঠা উৎসটি দেখতে চান তবে আমাদের ব্রাউজারে কীভাবে প্রতিটি ব্রাউজারে ওয়েব পৃষ্ঠাটির উত্স কোডটি দেখতে হয় তা শিখুন।

ওয়েব পেজের সোর্স কোড দেখতে চাইলে অনেকগুলি কারণ রয়েছে, যা আপনার নিজের সাইটের সাথে সমস্যাটিকে ডিবাগ করতে কেবলমাত্র সাধারণ কৌতূহল পর্যন্ত রয়েছে। যাই হোক না কেন আপনার উদ্দেশ্য, অপেরা ব্রাউজার এই কাজটি সম্পন্ন করা সহজ করে তোলে। আপনি ব্রাউজার ট্যাবের মধ্যে এই উত্সটিকে তার সবচেয়ে মৌলিক আকারে দেখতে বা অপেরা এর সমন্বিত ডেভেলপার সরঞ্জামগুলির সাথে গভীর ডুব নিতে নির্বাচন করতে পারেন। এই টিউটোরিয়াল আপনাকে কিভাবে উভয় কাজ করতে দেখায়। প্রথম, আপনার অপেরা ব্রাউজার খুলুন

উইন্ডোজ ব্যবহারকারীদের

ক্লিক করুন অপেরা মেনু বাটন, আপনার ব্রাউজার উইন্ডো উপরের উপরের বাম কোণে অবস্থিত। যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, তখন আপনার মাউস কার্সারটি উপরে রাখুন আরো সরঞ্জাম বিকল্প। একটি সাব মেনু এখন প্রদর্শিত হবে। ক্লিক করুন বিকাশকারী মেনু দেখান যাতে একটি চেক চিহ্ন এই বিকল্প বামে স্থাপন করা হয়।

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

সক্রিয় পৃষ্ঠা এবং এর সংশ্লিষ্ট কোড সম্পর্কে আরও গভীরভাবে বিস্তারিত দেখতে, নির্বাচন করুন ডেভেলপার টুলস বিকল্প থেকে বিকাশকারী সাব-মেনু বা নিচের কীবোর্ড শর্টকাটটি ব্যবহার করুন: Ctrl + Shift + আমি

ম্যাক ওএস এক্স এবং ম্যাকোস সিয়েরা ব্যবহারকারীরা

ক্লিক করুন দৃশ্য পর্দার উপরে অবস্থিত আপনার অপেরা মেনুতে। যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, নির্বাচন করুন বিকাশকারী মেনু দেখান । একটি নতুন বিকল্প এখন আপনার অপেরা মেনু লেবেলযুক্ত করা উচিত বিকাশকারী । পরবর্তী এই বিকল্পটি ক্লিক করুন, এবং ড্রপ ডাউন মেনু নির্বাচন প্রদর্শিত হবে উৎস দেখুন । আপনি এই কর্ম সঞ্চালনের জন্য নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: Ctrl + ইউ

বর্তমান ট্যাবের বর্তমান কোডটি দেখানো একটি নতুন ট্যাব এখন দৃশ্যমান হওয়া উচিত। অপেরা এর ডিভ টুলসেট সহ একই পৃষ্ঠাটি বিশ্লেষণ করার জন্য প্রথমে ক্লিক করুন বিকাশকারী আপনার পর্দার শীর্ষে ব্রাউজার মেনুতে। ড্রপ ডাউন মেনু প্রদর্শিত হলে, নির্বাচন করুন ডেভেলপার টুলস বিকল্প।