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

ধাপ 1. কম্পিউটারে গুগল ক্রোম খুলুন।
ক্রোম আইকনটি দেখতে একটি রঙিন বলের মত যা কেন্দ্রে একটি নীল বিন্দু রয়েছে। আপনি এই আইকনটি ম্যাক কম্পিউটারে "অ্যাপ্লিকেশন" ফোল্ডারে বা উইন্ডোজ কম্পিউটারে "স্টার্ট" মেনুতে খুঁজে পেতে পারেন।

ধাপ 2. তিনটি উল্লম্ব বিন্দু আইকনে ক্লিক করুন।
এটি অ্যাড্রেস বারের পাশে, আপনার ব্রাউজার উইন্ডোর উপরের ডানদিকে। এর পরে, একটি ড্রপ-ডাউন মেনু প্রদর্শিত হবে।

ধাপ the. ড্রপ-ডাউন মেনুতে আরও সরঞ্জামগুলির উপর ঘুরুন
এর পরে, সাবমেনু প্রদর্শিত হবে।

ধাপ 4. "আরো সরঞ্জাম" সাবমেনুতে বিকাশকারী সরঞ্জামগুলিতে ক্লিক করুন।
ব্রাউজার উইন্ডোর ডান দিকে একটি পরিদর্শন কলাম প্রদর্শিত হবে।
বিকল্পভাবে, আপনি একটি কীবোর্ড শর্টকাট দিয়ে পরিদর্শন উইন্ডো খুলতে পারেন। ম্যাক কম্পিউটারে অপশন+⌘ Cmd+I এবং উইন্ডোজ কম্পিউটারে Ctrl+Alt+I চাপুন।

ধাপ 5. পরিদর্শন কলামের একটি উপাদানের উপর ঘুরুন।
যখন কার্সারটি পরিদর্শন উইন্ডোতে একটি উপাদান বা লাইনের উপর আচ্ছাদিত হয়, তখন সংশ্লিষ্ট উপাদানটি ওয়েব পৃষ্ঠায় চিহ্নিত করা হবে।

ধাপ 6. ওয়েব পৃষ্ঠায় আপনি যে উপাদানটি পরিদর্শন করতে চান তাতে ডান ক্লিক করুন।
ডান-ক্লিক মেনু ড্রপ-ডাউন বক্সে উপস্থিত হবে।

ধাপ 7. ড্রপ-ডাউন মেনুতে পরিদর্শন নির্বাচন করুন।
এর পরে, পরিদর্শন কলামটি সেই উপাদানটিতে উপরে বা নীচে স্থানান্তরিত হবে। উপাদানটির সোর্স কোড পতাকাঙ্কিত হবে।