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

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

পারফর্মেন্স প্যানেলের উন্নতি

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

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

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

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

ট্র্যাক কনফিগারেশন মোড আপনাকে ট্র্যাকের ক্রম পরিবর্তন করতে এবং সেগুলি লুকাতে দেয়। ট্র্যাকটি সরাতে up অথবা down এ ক্লিক করুন অথবা hide এ ক্লিক করুন। কনফিগারেশন মোড থেকে বেরিয়ে আসতে নীচে ট্র্যাক কনফিগার করা শেষ করুন এ ক্লিক করুন। এই কনফিগারেশনটি নতুন ট্রেসের জন্য টিকে থাকে কিন্তু পরবর্তী DevTools সেশনের জন্য নয়।

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

ফ্লেম চার্টে স্ক্রিপ্টগুলি উপেক্ষা করুন

মেইন ট্র্যাকের ফ্লেম চার্টটি ইগনোর লিস্ট সাপোর্ট যোগ করে। আপনি এখন চার্টের একটি স্ক্রিপ্টে ডান-ক্লিক করতে পারেন এবং অ্যাড স্ক্রিপ্ট টু ইগনোর লিস্ট নির্বাচন করতে পারেন।

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

চার্টটি উপেক্ষিত স্ক্রিপ্টগুলিকে সংকুচিত করে, সেগুলিকে On ignore list হিসেবে চিহ্নিত করে এবং > Ignore list -এ Custom exclusion rules -এ যোগ করে। উপেক্ষিত স্ক্রিপ্টগুলি সংরক্ষণ করা হয় যতক্ষণ না আপনি সেগুলিকে ট্রেস থেকে অথবা Custom exclusion rules থেকে অপসারণ করেন।

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

সিপিইউ ২০ বার কমিয়ে দিন

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

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

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

পারফর্ম্যান্স ইনসাইট প্যানেল বন্ধ করে দেওয়া হবে

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

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

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

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

সম্পূর্ণ হেডার স্ট্রিংগুলিকে ওভাররাইড করার জন্য পেস্ট করুন

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

পরবর্তী ভিডিওতে এটিকে বাস্তবে দেখুন।

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

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

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

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

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

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

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

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

অ্যাপ্লিকেশন > স্টোরেজ বিভাগে স্টোরেজ বালতিগুলি পরীক্ষা করুন।

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

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

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

কমান্ড-লাইন ফ্ল্যাগ ব্যবহার করে স্ব-XSS সতর্কতা অক্ষম করুন

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

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

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

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

বাতিঘর ১২.০.০

লাইটহাউস প্যানেলটি এখন লাইটহাউস ১২.০.০ চালায়।

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

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

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

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

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

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

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

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

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

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

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

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