কিভাবে ক্রোমে ওয়েবপেজ এলিমেন্ট চেক করবেন: 7 টি ধাপ

কিভাবে ক্রোমে ওয়েবপেজ এলিমেন্ট চেক করবেন: 7 টি ধাপ
কিভাবে ক্রোমে ওয়েবপেজ এলিমেন্ট চেক করবেন: 7 টি ধাপ

সুচিপত্র:

Anonim

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

ধাপ

Chrome ধাপ 1 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 1 এ এলিমেন্ট পরিদর্শন করুন

ধাপ 1. কম্পিউটারে গুগল ক্রোম খুলুন।

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

Chrome ধাপ 2 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 2 এ এলিমেন্ট পরিদর্শন করুন

ধাপ 2. তিনটি উল্লম্ব বিন্দু আইকনে ক্লিক করুন।

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

Chrome ধাপ 3 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 3 এ এলিমেন্ট পরিদর্শন করুন

ধাপ the. ড্রপ-ডাউন মেনুতে আরও সরঞ্জামগুলির উপর ঘুরুন

এর পরে, সাবমেনু প্রদর্শিত হবে।

Chrome ধাপ 4 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 4 এ এলিমেন্ট পরিদর্শন করুন

ধাপ 4. "আরো সরঞ্জাম" সাবমেনুতে বিকাশকারী সরঞ্জামগুলিতে ক্লিক করুন।

ব্রাউজার উইন্ডোর ডান দিকে একটি পরিদর্শন কলাম প্রদর্শিত হবে।

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

Chrome ধাপ 5 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 5 এ এলিমেন্ট পরিদর্শন করুন

ধাপ 5. পরিদর্শন কলামের একটি উপাদানের উপর ঘুরুন।

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

Chrome ধাপ 6 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 6 এ এলিমেন্ট পরিদর্শন করুন

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

ডান-ক্লিক মেনু ড্রপ-ডাউন বক্সে উপস্থিত হবে।

Chrome ধাপ 7 এ এলিমেন্ট পরিদর্শন করুন
Chrome ধাপ 7 এ এলিমেন্ট পরিদর্শন করুন

ধাপ 7. ড্রপ-ডাউন মেনুতে পরিদর্শন নির্বাচন করুন।

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

আপনাকে ম্যানুয়ালি পরিদর্শন ক্ষেত্র খুলতে হবে না। পছন্দ করা " পরিদর্শন "স্বয়ংক্রিয়ভাবে পরিদর্শন কলামটি খুলতে ডান-ক্লিক মেনুতে।

প্রস্তাবিত: