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

DevTools-এ কীবোর্ড শর্টকাট কাস্টমাইজ করুন

আপনি এখন DevTools-এ আপনার প্রিয় কমান্ডের জন্য কীবোর্ড শর্টকাট কাস্টমাইজ করতে পারেন।

সেটিংস > শর্টকাটগুলিতে যান, একটি কমান্ডের উপর হোভার করুন এবং কীবোর্ড শর্টকাট কাস্টমাইজ করতে সম্পাদনা বোতামে (পেন আইকন) ক্লিক করুন। আপনি কর্ড (ওরফে মাল্টি-কি প্রেস শর্টকাট) তৈরি করতে পারেন।

DevTools-এ কীবোর্ড শর্টকাট কাস্টমাইজ করুন।

ক্রোমিয়াম সমস্যা: 1335274 , 174309

কীবোর্ড শর্টকাট দিয়ে হালকা এবং অন্ধকার থিম টগল করুন

হালকা এবং অন্ধকার থিমগুলি সুবিধাজনকভাবে টগল করতে একটি কীবোর্ড শর্টকাট কনফিগার করুন৷ ডিফল্টরূপে, অ্যাকশনটি কোনো কীবোর্ড শর্টকাটে ম্যাপ করে না।

কীবোর্ড শর্টকাট দিয়ে হালকা এবং অন্ধকার থিম টগল করুন।

ক্রোমিয়াম সমস্যা: 1280398 , 1226363

মেমরি ইন্সপেক্টরে C/C++ অবজেক্ট হাইলাইট করুন

মেমরি ইন্সপেক্টর একটি C/C++ মেমরি অবজেক্টের সমস্ত বাইট হাইলাইট করে।

পার্শ্ববর্তী WebAssembly মেমরির মধ্যে একটি বস্তুর বাইট সনাক্ত করা একটি ব্যথা বিন্দু ছিল. আপনাকে অবজেক্টের আকার জানতে হবে এবং অবজেক্টের শুরু থেকে বাইট গণনা করতে হবে।

এই বৈশিষ্ট্যটির সাহায্যে, এটি আপনাকে আশেপাশের স্মৃতি থেকে আলাদা করে বলতে সাহায্য করে। পরিবর্তনগুলি সম্পর্কে আরও জানতে C/C++ ডিবাগিংয়ের জন্য মেমরি ইন্সপেক্টর প্রসারিত করা দেখুন।

মেমরি ইন্সপেক্টরে C/C++ অবজেক্ট হাইলাইট করুন।

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

HAR আমদানির জন্য সম্পূর্ণ ইনিশিয়েটর তথ্য সমর্থন করে

HAR আমদানির জন্য সম্পূর্ণ ইনিশিয়েটর তথ্য এখন উপলব্ধ। পূর্বে, নেটওয়ার্ক প্যানেল আমদানির সময় শুধুমাত্র আংশিক ইনিশিয়েটর তথ্য দেখায়।

ইনিশিয়েটর তথ্য ডেভেলপারদের একটি নেটওয়ার্ক অনুরোধের উৎস খুঁজে বের করতে এবং নেটওয়ার্ক-সম্পর্কিত সমস্যা চিহ্নিত করতে সাহায্য করে।

HAR আমদানির জন্য সম্পূর্ণ ইনিশিয়েটর তথ্য সমর্থন করে।

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

Enter টিপে DOM অনুসন্ধান শুরু করুন

আপনি এখন এন্টার টিপে সর্বদা DOM অনুসন্ধান শুরু করতে টাইপ করার সাথে সাথে অনুসন্ধানটি নিষ্ক্রিয় করতে পারেন।

এলিমেন্টস প্যানেলে, Control বা Command + F দিয়ে সার্চ বার টগল করুন। আপনি অনুসন্ধান টেক্সটবক্সে একটি ক্যোয়ারী টাইপ করার সাথে সাথে, DOM ট্রিটি প্রথম মিলিত উপাদানে চলে যাবে এবং এটিকে ডিফল্টরূপে হাইলাইট করবে।

ব্যবহারকারীদের জন্য, বিশেষ করে পরীক্ষক যারা সর্বদা দীর্ঘ অনুসন্ধান প্রশ্নের সাথে কাজ করে, এই আচরণটি আদর্শ নয়। আপনি একটি দীর্ঘ অনুসন্ধান ক্যোয়ারী (যেমন //div[@id="example"] টাইপ করার সাথে সাথে DOM গাছটি একাধিকবার লাফিয়ে পড়তে পারে। এই আচরণ অপ্রয়োজনীয় গতি তৈরি করে।

DOM অনুসন্ধান।

সেটিংস > পছন্দগুলিতে যান, টাইপ করার সাথে সাথে অনুসন্ধান অক্ষম করুন। এই পরিবর্তনের সাথে, আপনি Enter চাপলেই অনুসন্ধান শুরু হবে।

আপনি টাইপ সেটিং হিসাবে অনুসন্ধান করুন.

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

align-content CSS flexbox বৈশিষ্ট্যের জন্য start এবং end আইকন প্রদর্শন করুন

স্টাইল প্যানে, display: flex বা display: inline-flex সহ একটি CSS ক্লাসে align-content বৈশিষ্ট্যগুলি সম্পাদনা করুন। আইকন সহ স্বয়ং-সম্পূর্ণ ড্রপডাউনে start এবং end দেখায়।

সারিবদ্ধ-সামগ্রী flexbox বৈশিষ্ট্য.

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

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

  • কনসোল সাইডবারে সঠিক বার্তা সংখ্যা প্রদর্শন করুন। পূর্বে, কনসোল বার্তাগুলি সাফ করার সময় গণনাগুলি রিফ্রেশ করা হত না। ( 1343311 )

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

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

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

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

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

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

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