DevTools, Chrome 126-এ নতুন কী, DevTools, Chrome 126-এ নতুন কী

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

কর্মক্ষমতা প্যানেল উন্নতি

এই সংস্করণটি পারফরম্যান্স প্যানেলে বেশ কিছু উন্নতি এনেছে।

আপডেট করা ট্র্যাক কনফিগারেশন মোড সহ ট্র্যাকগুলি সরান এবং লুকান৷

আপনি এখন ট্র্যাক নামটিতে ডান ক্লিক করে এবং কনফিগার ট্র্যাক নির্বাচন করে ট্র্যাক কনফিগারেশন মোডে প্রবেশ করতে পারেন। অতিরিক্ত স্থানের প্রয়োজন ছিল এমন সম্পাদনা বোতামটি সরানো হয়েছে৷

একটি মেনু বিকল্পের সাথে সম্পাদনা বোতামটি প্রতিস্থাপনের আগে এবং পরে।

ট্র্যাক কনফিগারেশন মোড আপনাকে ট্র্যাকের ক্রম পরিবর্তন করতে এবং সেগুলি লুকিয়ে রাখতে দেয়৷ ট্র্যাকটি চারপাশে সরানোর জন্য তীর_উপরের দিকে বা নিচের দিকে_নীচে ক্লিক করুন বা দৃশ্যমানতা_বন্ধ লুকাতে ক্লিক করুন। কনফিগারেশন মোড থেকে প্রস্থান করতে নীচের অংশে ট্র্যাক কনফিগার করা শেষ করুন ক্লিক করুন। এই কনফিগারেশনটি নতুন ট্রেসের জন্য টিকে থাকে কিন্তু পরবর্তী DevTools সেশনের জন্য নয়।

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

শিখা চার্টে স্ক্রিপ্ট উপেক্ষা করুন

প্রধান ট্র্যাকের শিখা চার্ট উপেক্ষা তালিকা সমর্থন যোগ করে। আপনি এখন চার্টে একটি স্ক্রিপ্টে ডান-ক্লিক করতে পারেন এবং তালিকা উপেক্ষা করতে স্ক্রিপ্ট যুক্ত করুন নির্বাচন করতে পারেন।

তালিকাকে উপেক্ষা করার জন্য স্ক্রিপ্ট যোগ করার মেনু বিকল্প, উপেক্ষা করা হিসাবে চিহ্নিত স্ক্রিপ্ট এবং সেটিংসে সংশ্লিষ্ট নিয়ম।

চার্ট উপেক্ষা করা স্ক্রিপ্টগুলিকে ভেঙে দেয়, সেগুলিকে উপেক্ষার তালিকায় চিহ্নিত করে এবং সেটিংস সেটিংস > উপেক্ষা তালিকাতে কাস্টম বর্জন নিয়মগুলিতে যোগ করে। উপেক্ষা করা স্ক্রিপ্টগুলি সংরক্ষণ করা হয় যতক্ষণ না আপনি সেগুলিকে ট্রেস থেকে বা কাস্টম বর্জনের নিয়ম থেকে সরিয়ে না দেন৷

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

CPU 20 বার থ্রোটল ডাউন

পারফরম্যান্স প্যানেলের ক্যাপচার সেটিংসে CPU থ্রটলিং মেনু একটি নতুন 20x স্লোডাউন বিকল্প পায়। সুতরাং, আপনি এখন আরও সঠিকভাবে পুনরুত্পাদন করতে পারেন এবং বাস্তব-বিশ্বের পারফরম্যান্সের সমস্যাগুলি বিশ্লেষণ করতে পারেন, এমনকি উচ্চ-সম্পন্ন কম্পিউটারেও৷

'ক্যাপচার সেটিংস'-এ '20x slowdonw' বিকল্পটি যোগ করার আগে এবং পরে।

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

পারফরম্যান্স ইনসাইট প্যানেল বাতিল করা হবে

পরীক্ষামূলক পারফরম্যান্স ইনসাইট প্যানেলটি 2024 সালে বাতিল করা হবে। DevTools টিম পারফরম্যান্স প্যানেলে এর সবচেয়ে দরকারী বৈশিষ্ট্যগুলিকে একীভূত করার জন্য কাজ করছে। পারফরম্যান্স ইনসাইট প্যানেল এখন শীর্ষে একটি ব্যানার দেখায় যা আপনাকে আসন্ন অবচয় সম্পর্কে অবহিত করে।

'পারফরম্যান্স ইনসাইট' প্যানেলে অবচয় সংক্রান্ত সতর্কতা ব্যানার।

আরও জানতে, 2024 এবং তার পরে পারফরম্যান্স টুলিং দেখুন।

কি কাজ করছে, কি করছে না এবং আপনি কি মনে করেন আরও ভালো করা যেতে পারে সে বিষয়ে আপনার কোনো প্রতিক্রিয়া থাকলে, আমরা আপনার কাছ থেকে শুনতে চাই

তাদের ওভাররাইড করতে সম্পূর্ণ হেডার স্ট্রিং আটকান

হেডার ওভাররাইড করার সময়, আপনি এখন একটি সম্পূর্ণ হেডার স্ট্রিং পেস্ট করতে পারেন ( HEADER_NAME : VALUE ) এবং DevTools স্ট্রিংটিকে এখানে বিভক্ত করবে : একটি হেডার নাম এবং এর মান।

নিম্নলিখিত ভিডিওতে কর্ম এটি দেখুন.

শিরোনাম সম্পাদনা করার সময়, নেটওয়ার্ক প্যানেল এখন আপনাকে সতর্ক করে যদি আপনি আলফানিউমেরিক, হাইফেন এবং আন্ডারস্কোর ছাড়া অন্য কোনো অক্ষর প্রবেশ করেন।

অসমর্থিত অক্ষর সহ হেডার নামের পাশে সতর্কতা।

অতিরিক্তভাবে, ওভাররাইড মেনু বিকল্পগুলি এবং সম্পাদনা বোতামগুলি chrome:// -URL-এর জন্য অক্ষম করা হয়েছে, যা উদ্দেশ্যমূলক আচরণের সাথে মেলে৷

ক্রোমিয়াম সমস্যা: 330967147 , 337012362 , 328210785

হিপ স্ন্যাপশটে নতুন ফিল্টার সহ অত্যধিক মেমরি ব্যবহার খুঁজুন

মেমরি প্যানেলের হিপ স্ন্যাপশটগুলি নতুন ফিল্টারগুলি পায় যা আপনাকে অদক্ষ মেমরি ব্যবহারের সাধারণ ক্ষেত্রে যেমন ডুপ্লিকেট স্ট্রিং, বিচ্ছিন্ন DOM নোড দ্বারা রক্ষিত বস্তু এবং DevTools কনসোল খুঁজে পেতে সাহায্য করতে পারে৷

অদক্ষ মেমরি ব্যবহারের সাধারণ ক্ষেত্রে ফিল্টার বিকল্প যোগ করার আগে এবং পরে।

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

অ্যাপ্লিকেশন > স্টোরেজ এ স্টোরেজ বালতি পরিদর্শন করুন

আপনি এখন অ্যাপ্লিকেশন > স্টোরেজ বিভাগে একটি উত্সর্গীকৃত গাছে স্টোরেজ বালতি পরিদর্শন করতে পারেন। এই গাছটি, পূর্বে পরীক্ষামূলক, ডিফল্টরূপে সক্রিয় করা হয়েছে৷

স্টোরেজ বিভাগে স্টোরেজ বাকেট ট্রি সক্রিয় করার আগে এবং পরে।

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

একটি কমান্ড-লাইন পতাকা সহ স্ব-XSS সতর্কতা অক্ষম করুন

আপনি যদি Chrome ব্যবহার স্বয়ংক্রিয় করেন বা ডিবাগিংয়ের জন্য অন্যথায় কমান্ড লাইন থেকে DevTools খোলেন, আপনি প্রায়ই প্রতিটি নতুন DevTools সেশনে প্রদর্শিত স্ব-XSS সতর্কতা অক্ষম করতে চাইবেন।

কনসোলে স্ব-xss সতর্কতা ডায়ালগ।

আপনি এখন Chrome-এ --unsafely-disable-devtools-self-xss-warnings কমান্ড-লাইন পতাকা পাস করে এই ডায়ালগটি নিষ্ক্রিয় করতে পারেন৷

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

বাতিঘর 12.0.0

Lighthouse প্যানেল এখন Lighthouse 12.0.0 চালায়।

এই আপডেটটি PWA বিভাগ অপসারণ, এসইও বিভাগ পুনর্গঠন, সামগ্রিক সঞ্চয় অবচয়, নতুন অডিট এবং অডিট পরিবর্তন সহ বেশ কয়েকটি পরিবর্তন এনেছে। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

DevTools-এ Lighthouse প্যানেল ব্যবহার করার প্রাথমিক বিষয়গুলি জানতে, Lighthouse দেখুন: ওয়েবসাইটের গতি অপ্টিমাইজ করুন

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

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

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

  • কর্মক্ষমতা :
    • স্লো ক্যাপচার সেটিংস ( উন্নত পেইন্ট ইন্সট্রুমেন্টেশন সক্ষম করুন এবং CSS নির্বাচক পরিসংখ্যান সক্ষম করুন ) এখন পরবর্তী DevTools সেশনে স্বয়ংক্রিয়ভাবে পরিষ্কার হয়ে যাবে।
    • নির্বাচক পরিসংখ্যান ট্যাবটি এখন স্বয়ংক্রিয়ভাবে নীচে স্ক্রোল করে না যখন আপনি শিখা চার্ট জুম করেন এবং ডেটা পরিবর্তন করেন ( 337999939 )।
  • কনসোল : Ctrl + ` শর্টকাট এখন ড্রয়ারে কনসোল বন্ধ করে দেয় শুধুমাত্র যদি এটি ফোকাসে থাকে ( 40875466 , 328210785 )।
  • অটোফিল : ঠিকানা পার্সিং স্থির করা হয়েছে ( 335409093 , 335409707 )।
  • অ্যাক্সেসযোগ্যতা : স্থানীয় স্ট্রিংগুলির জন্য স্ক্রিন রিডার ঘোষণাগুলি স্থির ( 324930007 )।

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

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

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

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

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

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

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