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

Jecelyn Yeen

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

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

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

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

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

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

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

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

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

WebAssembly মেমোরির আশেপাশের কোনও বস্তুর বাইট সনাক্ত করা একটি কঠিন কাজ ছিল। আপনাকে বস্তুর আকার জানতে হবে এবং বস্তুর শুরু থেকেই বাইট গণনা করতে হবে।

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

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

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

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

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

ক্রোমিয়াম সমস্যা: ১৩৪৩১৮৫

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

আপনি এখন "Search as you type" সেটিংটি নিষ্ক্রিয় করতে পারেন যাতে Enter টিপে সর্বদা DOM অনুসন্ধান শুরু করা যায়।

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

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

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

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

align-content CSS flexbox প্রোপার্টিগুলির জন্য start এবং end আইকনগুলি প্রদর্শন করুন

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

ক্রোমিয়াম সমস্যা: ১১৩৯৯৪৫

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

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

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

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

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

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

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

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

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