DevTools এ নতুন কি আছে (Chrome 108)

জেসলিন ইয়েন

নিষ্ক্রিয় CSS বৈশিষ্ট্যের জন্য ইঙ্গিত

DevTools এখন এমন CSS স্টাইল শনাক্ত করে যেগুলো বৈধ কিন্তু কোন দৃশ্যমান প্রভাব নেই। Styles প্যানে, DevTools নিষ্ক্রিয় বৈশিষ্ট্যগুলিকে মুছে ফেলে। নিয়মটির কোন দৃশ্যমান প্রভাব নেই কেন তা বুঝতে এর পাশের আইকনের উপর কার্সার রাখুন।

নিষ্ক্রিয় CSS বৈশিষ্ট্যের জন্য ইঙ্গিত।

ক্রোমিয়াম সমস্যা: ১১৭৮৫০৮

রেকর্ডার প্যানেলে XPath এবং টেক্সট নির্বাচকদের স্বয়ংক্রিয়ভাবে সনাক্ত করুন

রেকর্ডার প্যানেল এখন XPath এবং টেক্সট সিলেক্টর সমর্থন করে। ব্যবহারকারীর প্রবাহ রেকর্ড করা শুরু করলে রেকর্ডার স্বয়ংক্রিয়ভাবে XPath এবং যদি উপলব্ধ থাকে তবে একটি এলিমেন্টের সংক্ষিপ্ততম অনন্য টেক্সট নির্বাচন করে।

রেকর্ডার প্যানেলে XPath এবং টেক্সট নির্বাচক।

ক্রোমিয়াম সমস্যা: ১৩২৭২০৬ , ১৩২৭২০৯

কমা দিয়ে পৃথক করা এক্সপ্রেশনগুলো ধাপে ধাপে দেখুন

ডিবাগিংয়ের সময় আপনি এখন কমা দ্বারা পৃথক করা এক্সপ্রেশনগুলি ব্যবহার করতে পারবেন। এটি মিনিফায়েড কোডের ডিবাগেবিলিটি উন্নত করে।

কমা দিয়ে পৃথক করা এক্সপ্রেশনগুলো ধাপে ধাপে লিখুন।

পূর্বে, DevTools শুধুমাত্র সেমিকোলন-বিভাজিত এক্সপ্রেশনের মধ্য দিয়ে ধাপে ধাপে এগিয়ে যাওয়া সমর্থন করত।

নিচের কোডটি দেওয়া হলো,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

ট্রান্সপাইলার এবং মিনিফায়ারগুলি এগুলিকে কমা দ্বারা পৃথক করা এক্সপ্রেশনে রূপান্তরিত করতে পারে।

function bar(){return foo(),foo(),42}

এটি ডিবাগিংয়ের সময় বিভ্রান্তির সৃষ্টি করে কারণ স্টেপিং আচরণ মিনিফায়েড এবং অথরড কোডের মধ্যে আলাদা। মূল কোডের পরিপ্রেক্ষিতে মিনিফায়েড কোড ডিবাগ করার জন্য সোর্স ম্যাপ ব্যবহার করার সময় এটি আরও বিভ্রান্তিকর হয়, কারণ ডেভেলপার তখন সেমিকোলনগুলি দেখছেন (যা টুলচেইন দ্বারা কমাতে পরিণত হয়েছিল) কিন্তু ডিবাগার তাদের উপর থামে না।

ক্রোমিয়াম সমস্যা: ১৩৭০২০০

উন্নত উপেক্ষা তালিকা সেটিং

সেটিংস > Ignore List এ যান। DevTools ডিজাইন উন্নত করে আপনাকে একটি একক স্ক্রিপ্ট বা স্ক্রিপ্টের প্যাটার্ন উপেক্ষা করার নিয়ম কনফিগার করতে সাহায্য করে।

উপেক্ষা তালিকা ট্যাব।

ক্রোমিয়াম সমস্যা: ১৩৫৬৫১৭

বিবিধ হাইলাইটস

এই রিলিজে কিছু উল্লেখযোগ্য সংশোধন করা হয়েছে:

  • স্পেস টিপে স্টাইলস প্যানে স্বয়ংক্রিয়ভাবে CSS প্রোপার্টির নাম পূরণ করুন। ( 1343316 )
  • এলিমেন্ট প্যানেলের ব্রেডক্রাম্ব থেকে অটো স্ক্রোল সরান। ( 1369734 )

প্রিভিউ চ্যানেলগুলি ডাউনলোড করুন

আপনার ডিফল্ট ডেভেলপমেন্ট ব্রাউজার হিসেবে Chrome Canary , Dev , অথবা Beta ব্যবহার করার কথা বিবেচনা করুন। এই প্রিভিউ চ্যানেলগুলি আপনাকে সর্বশেষ DevTools বৈশিষ্ট্যগুলিতে অ্যাক্সেস দেয়, আপনাকে অত্যাধুনিক ওয়েব প্ল্যাটফর্ম API পরীক্ষা করতে দেয় এবং আপনার ব্যবহারকারীদের আগে আপনার সাইটে সমস্যাগুলি খুঁজে পেতে সহায়তা করে!

Chrome DevTools টিমের সাথে যোগাযোগ করুন

DevTools সম্পর্কিত নতুন বৈশিষ্ট্য, আপডেট বা অন্য কিছু নিয়ে আলোচনা করতে নিম্নলিখিত বিকল্পগুলি ব্যবহার করুন।

DevTools-এ নতুন কী আছে

DevTools সিরিজে নতুন কী কী বিষয় অন্তর্ভুক্ত করা হয়েছে তার একটি তালিকা।