DOM উপাদানগুলি পরিদর্শন এবং সম্পাদনা করতে উপাদান প্যানেল ব্যবহার করুন৷
ওভারভিউ
এলিমেন্টস প্যানেল DOM পরিদর্শন এবং ম্যানিপুলেট করার জন্য একটি শক্তিশালী ইন্টারফেস প্রদান করে। আপনি DOM ট্রি ব্যবহার করতে পারেন, যা একটি HTML নথির অনুরূপ, নির্দিষ্ট DOM নোড নির্বাচন করতে এবং অন্যান্য সরঞ্জামগুলির সাথে তাদের পরিবর্তন করতে।
এলিমেন্টস প্যানেলে নিম্নলিখিত ট্যাবগুলিও রয়েছে যাতে প্রাসঙ্গিক সরঞ্জাম রয়েছে:
শৈলী :
- সমস্ত স্টাইল শীট থেকে একটি উপাদানে প্রয়োগ করা CSS নিয়মগুলি দেখুন এবং ডিবাগ করুন ৷
- কোনো অবৈধ, ওভাররাইড করা, নিষ্ক্রিয়, বা অন্য CSS খুঁজুন যা উদ্দেশ্য অনুযায়ী কাজ করে না।
- একটি ঘোষণা যোগ করে , একটি ক্লাস প্রয়োগ করে এবং বক্স মডেলের সাথে ইন্টারঅ্যাক্ট করে উপাদানগুলি সম্পাদনা করুন।
- DOM ট্রিতে পাওয়া ব্যাজ সহ কন্টেইনার সম্পাদনার বিকল্পগুলি অ্যাক্সেস করুন৷
গণনা করা : একটি উপাদানে প্রয়োগ করা সমাধানকৃত বৈশিষ্ট্যগুলিকে তালিকাভুক্ত করে যেগুলি Chrome দ্বারা রেন্ডার করা হয়৷
লেআউট : গ্রিড এবং ফ্লেক্সবক্স ওভারলে পরিবর্তন করার বিকল্প রয়েছে।
ইভেন্ট শ্রোতা : সমস্ত ইভেন্ট শ্রোতা এবং তাদের বৈশিষ্ট্যগুলি তালিকাভুক্ত করে। আপনাকে ইভেন্ট শ্রোতাদের উত্স খুঁজে পেতে দেয় এবং প্যাসিভ বা ব্লকিং শ্রোতাদের জন্য ফিল্টার করতে দেয় ৷
DOM ব্রেকপয়েন্ট : এলিমেন্টস প্যানেল থেকে যোগ করা DOM পরিবর্তনের ব্রেকপয়েন্ট তালিকা করে এবং আপনাকে সেগুলি সক্ষম, অক্ষম, অপসারণ বা প্রকাশ করতে দেয়।
বৈশিষ্ট্য : বস্তুর নিজস্ব এবং উত্তরাধিকারসূত্রে প্রাপ্ত বৈশিষ্ট্যগুলি পরিদর্শন ও সাজানোর জন্য একটি DOM নোড নির্বাচন করুন।
অ্যাক্সেসযোগ্যতা : এআরআইএ লেবেল এবং তাদের বৈশিষ্ট্য রয়েছে এমন উপাদানগুলির তালিকা করে। আপনাকে একটি অ্যাক্সেসিবিলিটি ট্রি (পরীক্ষামূলক) টগল এবং পরিদর্শন করতে দেয়।
এলিমেন্টস প্যানেল খুলুন
ডিফল্টরূপে, আপনি যখন DevTools খুলবেন তখন এলিমেন্টস প্যানেল খোলে। এলিমেন্ট প্যানেলটি স্বয়ংক্রিয়ভাবে খুলতে আপনি পৃষ্ঠার যেকোনো জায়গায় একটি নোড পরিদর্শন করতে পারেন।
ম্যানুয়ালি এলিমেন্টস প্যানেল খুলতে:
- DevTools খুলুন ।
- টিপে কমান্ড মেনু খুলুন:
- macOS: কমান্ড + শিফট + পি
- উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি
-
Elementsটাইপ করা শুরু করুন, Show Elements নির্বাচন করুন এবং Enter টিপুন। DevTools আপনার DevTools উইন্ডোর নীচে ড্রয়ারে উপাদান প্যানেল প্রদর্শন করে।