Dale St. Marthe
Chrome DevTools অনেক শক্তিশালী টুল অফার করে যা আপনাকে আপনার ওয়েব অ্যাপ্লিকেশানগুলি গভীরভাবে পরিদর্শন এবং উন্নত করতে সাহায্য করে৷
নিচের ভিডিওটিতে উপাদান , কনসোল , সোর্স এবং নেটওয়ার্ক প্যানেল সহ ইনস্পেক্ট বোতাম এবং ডিভাইস মোড সহ ছয়টি মৌলিক টুলের একটি ওভারভিউ প্রদান করা হয়েছে। উপরন্তু, আপনি শৈলী ট্যাব এবং DevTools কাস্টমাইজ করার উপায় সম্পর্কে শিখবেন।
কীভাবে করবেন তা জানতে ভিডিওটি দেখুন:
- DOM উপাদানগুলি পরিদর্শন এবং সম্পাদনা করুন ৷
- বক্স মডেলের সাথে একটি উপাদানের মাত্রা কল্পনা করুন এবং পরিবর্তন করুন।
- মোবাইল ডিভাইসে আপনার পৃষ্ঠা দেখতে কেমন তা দেখুন৷
- কনসোল প্যানেল দিয়ে জাভাস্ক্রিপ্ট ত্রুটি সনাক্ত করুন।
- সোর্স প্যানেলে ব্রেকপয়েন্ট ব্যবহার করে জাভাস্ক্রিপ্ট ডিবাগ করুন।
- নেটওয়ার্ক প্যানেলে নেটওয়ার্ক কার্যকলাপ বিশ্লেষণ এবং ফিল্টার করুন।
- ধীর সংযোগ গতি অনুকরণ .
- DevTools কাস্টমাইজ করুন ।
একটি গভীর ওভারভিউ জন্য, আমাদের DevTools ওভারভিউ দেখুন।