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

জেসেলিন ইয়েন

নিষ্ক্রিয় সিএসএস বৈশিষ্ট্যগুলির জন্য ইঙ্গিতগুলি

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

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

ক্রোমিয়াম সমস্যা: 1178508

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

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

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

ক্রোমিয়াম সমস্যা: 1327206 , 1327209৷

কমা দ্বারা বিভক্ত অভিব্যক্তি মাধ্যমে ধাপ

আপনি এখন ডিবাগ করার সময় কমা-বিচ্ছিন্ন অভিব্যক্তির মধ্য দিয়ে যেতে পারেন। এটি মিনিফাইড কোডের ডিবাগবিলিটি উন্নত করে।

কমা দ্বারা বিভক্ত অভিব্যক্তি মাধ্যমে ধাপ.

পূর্বে, DevTools শুধুমাত্র সেমিকোলন-বিচ্ছিন্ন এক্সপ্রেশনের মাধ্যমে ধাপে ধাপে সমর্থন করত।

নীচের কোড দেওয়া,

function foo() {}

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

ট্রান্সপাইলার এবং মিনিফায়ার এগুলিকে কমা-বিভক্ত এক্সপ্রেশনে পরিণত করতে পারে।

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

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

ক্রোমিয়াম সমস্যা: 1370200

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

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

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

ক্রোমিয়াম সমস্যা: 1356517

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

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

  • স্পেস টিপে শৈলী ফলকে স্বয়ংসম্পূর্ণ CSS সম্পত্তির নাম। ( 1343316 )
  • Remove auto scroll in the Element panel's breadcrumb. ( 1369734 )

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

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

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

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

  • crbug.com এ আমাদের কাছে প্রতিক্রিয়া এবং বৈশিষ্ট্যের অনুরোধ জমা দিন।
  • আরও বিকল্প > সাহায্য > DevTools-এ একটি DevTools সমস্যা রিপোর্ট করুন ব্যবহার করে একটি DevTools সমস্যা রিপোর্ট করুন।
  • @ ChromeDevTools-এ টুইট করুন।
  • DevTools YouTube ভিডিও বা DevTools টিপস YouTube ভিডিওগুলিতে নতুন কী আছে সে সম্পর্কে মন্তব্য করুন৷

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

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