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

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

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 )
  • এলিমেন্ট প্যানেলের ব্রেডক্রাম্বে অটো স্ক্রোল সরান। ( 1369734 )

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

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

Chrome DevTools টিমের সাথে যোগাযোগ করা হচ্ছে

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

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

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

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

ক্রোম 124

ক্রোম 123

ক্রোম 122

ক্রোম 121

ক্রোম 120

ক্রোম 119

ক্রোম 118

ক্রোম 117

ক্রোম 116

ক্রোম 115

ক্রোম 114

ক্রোম 113

ক্রোম 112

ক্রোম 111

ক্রোম 110

ক্রোম 109

ক্রোম 108

ক্রোম 107

ক্রোম 106

ক্রোম 105

ক্রোম 104

ক্রোম 103

ক্রোম 102

ক্রোম 101

ক্রোম 100

ক্রোম 99

ক্রোম 98

ক্রোম 97

ক্রোম 96

ক্রোম 95

ক্রোম 94

ক্রোম 93

ক্রোম 92

ক্রোম 91

ক্রোম 90

ক্রোম ৮৯

ক্রোম ৮৮

ক্রোম 87

ক্রোম 86

ক্রোম 85

ক্রোম 84

ক্রোম 83

ক্রোম 82

Chrome 82 বাতিল করা হয়েছে

ক্রোম 81

ক্রোম 80

ক্রোম 79

ক্রোম 78

ক্রোম 77

ক্রোম 76

ক্রোম 75

ক্রোম 74

ক্রোম 73

ক্রোম 72

ক্রোম 71

ক্রোম 70

ক্রোম 68

ক্রোম 67

ক্রোম 66

ক্রোম 65

ক্রোম 64

ক্রোম 63

ক্রোম 62

ক্রোম 61

ক্রোম 60

ক্রোম 59