DevTools টিপস: কিভাবে কনসোল শর্টকাট দিয়ে আপনার কর্মপ্রবাহের গতি বাড়ানো যায়

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

কনসোল ইউটিলিটি এপিআই আপনাকে বিভিন্ন শর্টকাট প্রদান করে আপনার ডিবাগিং ওয়ার্কফ্লোকে গতিশীল করতে দেয়।

কনসোল ইউটিলিটি API এর সাথে, আপনি করতে পারেন:

  • document.querySelector() এর মত লম্বা কমান্ড টাইপ করা বন্ধ করুন এবং এর পরিবর্তে, উপাদানগুলি নির্দিষ্ট করতে jQuery-স্টাইল $ শর্টকাট ব্যবহার করুন।
  • এলিমেন্টস প্যানেলে আপনার নির্বাচিত শেষ পাঁচটি DOM উপাদান দেখুন।
  • তাদের XPath দ্বারা উপাদানগুলিকে দ্রুত উল্লেখ করুন, যা আপনি এলিমেন্ট প্যানেলে অনুলিপি করতে পারেন।
  • তাদের কনস্ট্রাক্টরদের দ্বারা বস্তুর অনুসন্ধান করুন।
  • বস্তুর শুধু কী বা মান তালিকাভুক্ত করুন।
  • ক্লিপবোর্ডে বস্তুর স্ট্রিং উপস্থাপনা অনুলিপি করুন।
  • ইভেন্ট শ্রোতা পান.
  • ইভেন্ট এবং ফাংশন কল মনিটর.

সমস্ত কনসোল ইউটিলিটি API শর্টকাটগুলির একটি বিস্তৃত তালিকার জন্য, কনসোল ইউটিলিটিস API রেফারেন্স দেখুন।