DevTools-এ নতুন - অক্টোবর 2026

প্রকাশিত: ১ অক্টোবর, ২০২৬

গত মাসে Chrome 153 এবং Chrome 154 স্টেবল ভার্সনে উন্মোচিত হয়েছে, যা আপনার দৈনন্দিন কাজের জন্য ডেভেলপারদের উপযোগী একগুচ্ছ উন্নতি নিয়ে এসেছে। এই সংস্করণে এজেন্টদের জন্য DevTools-এ জাভাস্ক্রিপ্ট এক্সিকিউশনের উপর সূক্ষ্ম নিয়ন্ত্রণ, অ্যাপ্লিকেশন প্যানেলে অ্যাড স্ক্রিপ্ট ট্র্যাকিং, পারফরম্যান্সে সম্পূর্ণ সফট নেভিগেশন সাপোর্ট ও সিপিইউ পারফরম্যান্স টিয়ার ওভাররাইড, এলিমেন্টস-এ নিষ্ক্রিয় স্টাইল ও কিবোর্ড-অ্যাক্সেসযোগ্য অ্যাডর্নার সাপোর্ট, এআই অ্যাসিস্ট্যান্সে সোর্স ইন্সপেকশন ও পারফরম্যান্স ট্রেস রেকর্ডিং এবং ডিভাইস মোডে আধুনিক ডিভাইস প্রিসেটের মতো বৈশিষ্ট্যগুলো বিশেষভাবে তুলে ধরা হয়েছে।

এজেন্টদের জন্য ডেভটুলস

ক্রোম ডেভটুলস এমসিপি সার্ভার কোডিং এজেন্টদের জন্য নতুন নিরাপত্তা নিয়ন্ত্রণ, পারফরম্যান্স টিউনিং এবং মেমরি বিশ্লেষণের সক্ষমতা চালু করেছে:

  • এজেন্ট প্লাগইনস ১.০ প্যাকেজ : এজেন্ট প্লাগইনস ১.০ প্যাকেজের জন্য সমর্থন যোগ করা হয়েছে, যা এজেন্টদের মডিউলার প্লাগইন এক্সটেনশন লোড এবং এক্সিকিউট করার সুযোগ দেয়।
  • জাভাস্ক্রিপ্ট এক্সিকিউশন নিয়ন্ত্রণ : স্ক্রিপ্ট ইভ্যালুয়েট না করেই পেজ পরিদর্শন করতে --no-javascript-evaluation কনফিগার করুন অথবা জাভাস্ক্রিপ্ট এক্সিকিউশন টুলগুলো বন্ধ করে দিন, যা নেভিগেশন এবং ইনিশিয়ালাইজেশন স্ক্রিপ্ট পর্যন্ত বিস্তৃত।
  • অন-ডিমান্ড সোর্স ম্যাপ : বড় সাইটগুলিতে উচ্চ মেমরি ব্যবহার রোধ করার জন্য, চাহিদা অনুযায়ী সোর্স ম্যাপ নিষ্ক্রিয় করার এবং লেজি-লোড করার একটি বিকল্প যোগ করা হয়েছে।
  • কনফিগারযোগ্য ফাইল সিস্টেম রুট এবং CLI পাথ পারমিশন : CLI-তে এখন ডিফল্টরূপে --allow-unrestricted-paths অন্তর্ভুক্ত রয়েছে এবং এটি কনফিগারযোগ্য ফাইল সিস্টেম রুট সমর্থন করে।
  • হিপ স্ন্যাপশট পরিদর্শন : query_heapsnapshot ব্যবহার করে রিটেইনড সাইজ বা প্রপার্টির নাম দিয়ে সরাসরি অবজেক্ট কোয়েরি করুন, এজ-এর নিজস্ব ও রিটেইনড সাইজ দেখুন, এবং V8 এক্সিকিউশন কনটেক্সট দ্বারা রিটেইনড মেমরি পরিদর্শন করুন।
  • PWA অটোমেশন টুলস : প্রোগ্রেসিভ ওয়েব অ্যাপ ইনস্টলেশন এবং লাইফসাইকেল চেক স্বয়ংক্রিয় করার জন্য বিশেষ টুল যোগ করা হয়েছে।
  • কনসোল স্ট্যাক ট্রেস : list_console_messages ব্যবহার করে কনসোল বার্তা তালিকাভুক্ত করার সময় ঐচ্ছিক স্ট্যাক ট্রেস পুনরুদ্ধার করুন।

chrome-devtools-mcp রিপোজিটরিতে আরও জানুন।

ক্রোম ইউজার এক্সপেরিয়েন্স রিপোর্ট (CrUX)-এর জন্য চারটি পরীক্ষামূলক বিজ্ঞাপন মেট্রিক চালু করার পর, এই নতুন সাব-প্যানেলটি পৃষ্ঠাব্যাপী বিজ্ঞাপন-সম্পর্কিত তথ্য ডিবাগ এবং অপ্টিমাইজ করার জন্য একটি কেন্দ্রীভূত স্থান। এর মধ্যে রয়েছে:

  • নতুন পরীক্ষামূলক মেট্রিকগুলোর জন্য একটি ড্যাশবোর্ড: ভিউপোর্ট অ্যাড ডেনসিটি, ভিউপোর্ট অ্যাড কাউন্ট, বিজ্ঞাপন অনুযায়ী মোট সিপিইউ ব্যবহার, বিজ্ঞাপন অনুযায়ী মোট নেটওয়ার্ক ব্যবহার।
  • বিজ্ঞাপন উপাদান দ্বারা সিপিইউ এবং নেটওয়ার্ক ব্যবহারের বিভাজন
  • মূল ফ্রেমে বিজ্ঞাপন স্ক্রিপ্টগুলোর একটি সারণি।
  • একটি টগল যা পৃষ্ঠার বিজ্ঞাপনগুলিকে হাইলাইট করে।

আমাদের ডকুমেন্টেশনে নতুন বিজ্ঞাপন মেট্রিকগুলো সম্পর্কে আরও জানুন।

অ্যাপ্লিকেশন প্যানেলের Ads ট্যাবে নতুন Ad scripts টেবিলটি দেখা যাচ্ছে এবং Sources-এ একটি অ্যাড স্ক্রিপ্ট উন্মোচিত হচ্ছে।
অ্যাপ্লিকেশন প্যানেলের Ads ট্যাবে নতুন Ad scripts টেবিলটি দেখা যাচ্ছে এবং Sources-এ একটি অ্যাড স্ক্রিপ্ট উন্মোচিত হচ্ছে।

ক্রোমিয়াম সমস্যা: 514957134 , 512927903 , 540469610

পারফরম্যান্স প্যানেলটি এন্ড-টু-এন্ড সফট নেভিগেশন পরিমাপ, হার্ডওয়্যার ক্যালিব্রেশন ওভাররাইড এবং আরও গভীর ট্রেস অনুসন্ধানের সুবিধা প্রদান করে:

  • সম্পূর্ণ সফট নেভিগেশন সাপোর্ট : Chrome 152- এ লাইভ মেট্রিক্স এবং ট্রেস ভিউতে সফট নেভিগেশন সাপোর্ট চালু হওয়ার পর, এখন ইনসাইটস- এও সফট নেভিগেশন অ্যানালাইসিস উপলব্ধ হয়েছে, যা পারফরম্যান্স প্যানেলে সফট নেভিগেশন পরিমাপের জন্য সম্পূর্ণ এন্ড-টু-এন্ড সাপোর্ট সম্পন্ন করেছে।
  • CDP-এর মাধ্যমে সিপিইউ পারফরম্যান্স টিয়ার ওভাররাইড : DevTools এখন Chrome DevTools Protocol ( Emulation.setCPUPerformanceOverride )-এর মাধ্যমে ক্যালিব্রেটেড সিপিইউ পারফরম্যান্স টিয়ার ওভাররাইড কনফিগার, গণনা এবং প্রেরণ করা সমর্থন করে, যা বিভিন্ন হার্ডওয়্যার টিয়ার জুড়ে পুনরাবৃত্তিযোগ্য পারফরম্যান্স টেস্টিং সক্ষম করে।
  • ফ্লেম চার্টে এক্সটেনশন ট্র্যাক অনুসন্ধান : পারফরম্যান্স প্যানেলের ফ্লেম চার্টে Ctrl+F চাপলে এখন এক্সটেনসিবিলিটি এপিআই (Extensibility API) ব্যবহার করে নিবন্ধিত কাস্টম ট্র্যাকের এন্ট্রিগুলো মেলানো যায় এবং তাদের টুলটিপ টেক্সট, প্রোপার্টি ও ব্যবহারকারীর বিবরণ অনুসন্ধান করা যায়।
  • সিপিইউ প্রোফাইল থ্রেড ভিজ্যুয়ালাইজেশন : পারফরম্যান্স প্যানেলের ফ্লেম চার্ট এখন শুধুমাত্র সিপিইউ প্রোফাইল স্যাম্পল ধারণকারী থ্রেডগুলো রেন্ডার করে, যা ওয়েবঅ্যাসেম্বলি থ্রেডের মতো ব্যাকগ্রাউন্ড এক্সিকিউশনগুলোকে টাইমলাইন ভিউতে প্রদর্শিত হওয়া নিশ্চিত করে।
পারফরম্যান্স প্যানেলে সফট নেভিগেশন এন্ড-টু-এন্ড ওয়ার্কফ্লো।

ক্রোমিয়াম সমস্যা: 449760252 , 483092899 , 540020488

উপাদানসমূহ: নিষ্ক্রিয় স্টাইল, কিবোর্ড-অ্যাক্সেসযোগ্য অ্যাডোর্নার এবং ট্রি আউটলাইন ফিক্স

এলিমেন্টস প্যানেলে CSS পরিদর্শন ও রচনা করা আরও দ্রুত এবং সহজসাধ্য:

  • নিষ্ক্রিয় স্টাইল সমর্থন : DevTools এখন নির্বাচিত এলিমেন্টের সাথে পূর্বে মিলে যাওয়া স্টাইল নিয়মগুলো, যখন আর প্রযোজ্য থাকে না, তখনও দেখানো চালিয়ে যেতে পারে এবং একটি নিষ্ক্রিয় ভিজ্যুয়াল সূচকের মাধ্যমে সেগুলোকে স্পষ্টভাবে আলাদা করতে পারে। সেটিংস- এ নিষ্ক্রিয় স্টাইল সক্রিয় করুন এবং সেগুলোর সংকুচিত হওয়ার আচরণ কনফিগার করুন।
  • কিবোর্ড-অ্যাক্সেসযোগ্য অ্যাডর্নার : DOM ট্রি-তে থাকা ইন্টারেক্টিভ অ্যাডর্নারগুলো—যার মধ্যে ভিউ সোর্স , স্টার্টিং স্টাইল , স্ক্রল স্ন্যাপ এবং রিভিল অন্তর্ভুক্ত—এখন কিবোর্ডের মাধ্যমে ফোকাসযোগ্য এবং Enter বা Space ব্যবহার করে সক্রিয় করা যাবে।
  • ড্র্যাগ-অ্যান্ড-ড্রপ পুনর্বিন্যাস : DOM ট্রি-তে এলিমেন্ট ড্র্যাগ করে DOM নোডগুলির পুনর্বিন্যাস এখন শ্যাডো DOM সীমানা জুড়ে নির্ভরযোগ্যভাবে কাজ করে এবং ড্রপের স্থান নির্দেশক স্পষ্টভাবে দেখানো হয়।
  • CSS প্রপার্টি টগলিং এখন আরও মসৃণ : স্টাইলস ট্যাবে CSS প্রপার্টি চেকবক্স টগল করলে এখন আর ডুপ্লিকেট UI রিপেইন্ট বা ভিজ্যুয়াল ফ্ল্যাশিং হয় না।
এলিমেন্টস প্যানেলে একটি নিষ্ক্রিয় CSS নিয়ম দেখানো হচ্ছে।
এলিমেন্টস প্যানেলে একটি নিষ্ক্রিয় CSS নিয়ম দেখানো হচ্ছে।

ক্রোমিয়াম সমস্যা: 539424116 , 554057179 , 555088527 , 548477554

ডিভাইস মোড: ফর্ম ফ্যাক্টর অনুসারে শ্রেণীবদ্ধ আধুনিক ডিভাইস প্রিসেট

ডিভাইস মোড টুলবার এবং সেটিংস > ডিভাইস ভিউ এমুলেটেড হার্ডওয়্যারকে সুস্পষ্ট শ্রেণীতে বিন্যস্ত করে:

  • ফর্ম ফ্যাক্টর অনুযায়ী শ্রেণিবিভাগ : অনুকরণকৃত ডিভাইসগুলোকে এখন মোবাইল , ফোল্ডেবল , ট্যাবলেট ও ​​ডেস্কটপ এবং স্মার্ট ডিসপ্লে— এই গ্রুপগুলোতে ভাগ করা হয়েছে।
  • আপডেট করা হার্ডওয়্যার ক্যাটালগ : iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13", এবং Nest Hub Max-সহ আধুনিক প্রিসেটগুলো যোগ করা হয়েছে এবং পুরোনো ডিভাইস ডেফিনিশনগুলো সরিয়ে ফেলা হয়েছে।
ডিভাইস মোড ফর্ম ফ্যাক্টর অনুসারে শ্রেণীবদ্ধ আধুনিক ডিভাইস প্রিসেটগুলি দেখাচ্ছে।
ডিভাইস মোড ফর্ম ফ্যাক্টর অনুসারে শ্রেণীবদ্ধ আধুনিক ডিভাইস প্রিসেটগুলি দেখাচ্ছে।

ক্রোমিয়াম সমস্যা: 526856234 , 526857820

নেটওয়ার্ক: কনসোলে ফেচ হিসেবে সম্পাদনা ও পুনরায় পাঠান, এবং লোকাল নিরাপত্তাকে ওভাররাইড করে।

নেটওয়ার্ক অনুরোধ পরিদর্শন এবং ডিবাগিং কর্মপ্রবাহকে সুবিন্যস্ত ও সুরক্ষিত করা হয়েছে:

  • কনসোলে সম্পাদনা করুন এবং ফেচ হিসাবে পুনরায় পাঠান : এখন যেকোনো নেটওয়ার্ক অনুরোধে ' সম্পাদনা করুন এবং ফেচ হিসাবে পুনরায় পাঠান' নির্বাচন করলে স্বয়ংক্রিয়ভাবে কনসোল প্যানেলটি ফোকাস হবে, যেখানে fetch() এক্সপ্রেশনটি প্যারামিটার মন্তব্য এবং মূল অনুরোধের একটি রেফারেন্স লিঙ্ক সহ প্রম্পটে আগে থেকেই পেস্ট করা থাকবে।
  • লোকাল ওভাররাইডের নিরাপত্তা জোরদারকরণ : নেটওয়ার্ক প্যানেল এখন লোকাল ওভাররাইডে পাথ ট্র্যাভার্সাল ( %2E%2E ) প্রতিরোধ করে এবং data: , blob: , javascript: , ও about: -এর মতো নন-http(s) স্কিমগুলিতে ওভাররাইড তৈরি করা নিষিদ্ধ করে।
  • `Copy as curl (cmd)`-এ ক্যারেট এস্কেপিং : Windows cmd.exe এর জন্য নেটওয়ার্ক রিকোয়েস্টগুলোকে কার্ল কমান্ড হিসেবে কপি করার সময় এখন বন্ধনী এবং ব্যাকটিক ক্যারেট-এস্কেপ করা হয়, যা বিকল্প শেলে পেস্ট করার সময় কমান্ড সিনট্যাক্স ত্রুটি প্রতিরোধ করে।
  • বাইনারি পেলোড কার্সার সিঙ্ক্রোনাইজেশন : হেক্স, বেস৬৪ এবং ইউটিএফ-৮ ভিউয়ের মধ্যে পরিবর্তন করার সময় পেলোড ট্যাবটি আপনার স্ক্রল এবং কার্সারের অবস্থান বজায় রাখে।
একটি নেটওয়ার্ক রিকোয়েস্টে রাইট-ক্লিক করে 'Edit and resend as fetch' নির্বাচন করলে, কনসোল প্যানেলটি স্বয়ংক্রিয়ভাবে ফোকাস হয় এবং সেখানে ফেচ এক্সপ্রেশনটি আগে থেকেই পেস্ট করা ও সম্পাদনার জন্য প্রস্তুত থাকে।
একটি নেটওয়ার্ক রিকোয়েস্টে রাইট-ক্লিক করে 'Edit and resend as fetch' নির্বাচন করলে, কনসোল প্যানেলটি স্বয়ংক্রিয়ভাবে ফোকাস হয় এবং সেখানে ফেচ এক্সপ্রেশনটি আগে থেকেই পেস্ট করা ও সম্পাদনার জন্য প্রস্তুত থাকে।

ক্রোমিয়াম সমস্যা: 40726969 , 513843792 , 513836026 , 407750982

মেমরি: হিপ স্ন্যাপশট এজ ফিল্টারিং, সাইজ সর্টিং, এবং অবজেক্ট কোয়েরিং

মেমরি প্যানেলটি হিপ স্ন্যাপশট বিশ্লেষণের জন্য আরও সূক্ষ্ম সরঞ্জাম সরবরাহ করে:

  • এজ সর্টিং এবং ফিল্টারিং : এখন আপনি হিপ স্ন্যাপশটের এজগুলোকে ন্যূনতম রিটেইনড সাইজ অনুযায়ী ফিল্টার করতে পারবেন এবং অর্থপূর্ণ অবজেক্ট রেফারেন্সের উপর মনোযোগ কেন্দ্রীভূত করার জন্য প্রিমিটিভ ভ্যালুগুলো ( null , undefined , true , false ) ফিল্টার করে বাদ দিতে পারবেন। এজগুলোকে রিটেইনড সাইজ, সেলফ সাইজ বা নাম অনুযায়ী সর্ট করা যায়।
  • সরাসরি অবজেক্ট কোয়েরি : ডেভটুলস রিটেইনড সাইজ থ্রেশহোল্ড বা প্রপার্টি নেম ব্যবহার করে সরাসরি হিপ স্ন্যাপশট অবজেক্ট কোয়েরি করা সমর্থন করে, যা মেমরি লিক তদন্তকে সহজতর করে।
  • কনটেক্সট রিটেনশন অ্যানালাইসিস : হিপ স্ন্যাপশট বিশেষভাবে V8 এক্সিকিউশন কনটেক্সট দ্বারা সচল রাখা মোট মেমরির পরিমাণ গণনা ও রিপোর্ট করতে পারে।
  • স্থিতিস্থাপক স্ন্যাপশট পার্সিং : অবৈধ বা ত্রুটিপূর্ণ হিপ স্ন্যাপশট ফাইলগুলো এখন পার্সিং আটকে দেওয়ার পরিবর্তে সুস্পষ্ট ত্রুটি দেখায়।

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

প্রবেশগম্যতা উন্নয়ন

ক্রোম ১৫৩ এবং ক্রোম ১৫৪-এ নিম্নলিখিত অ্যাক্সেসিবিলিটি বর্ধনসমূহ অন্তর্ভুক্ত রয়েছে:

  • এলিমেন্টস : macOS-এর VoiceOver এখন DOM ট্রি আইটেম নেভিগেট করার সময় একটি মার্জিত লাইভ অঞ্চলের মাধ্যমে 'প্রসারিত' এবং 'সংকুচিত' অবস্থার পরিবর্তন ঘোষণা করে। (ক্রোমিয়াম ইস্যু: 540028208 )
  • সমস্যাসমূহ : ইস্যু কাউন্টারে ডুপ্লিকেট স্ক্রিন রিডার ঘোষণাগুলির সমাধান করা হয়েছে, এখন একটি একক পরিষ্কার সারাংশ পড়া যায় এবং ইস্যু প্যানেলের মধ্যে সঠিক নন-বাটন সিম্যান্টিকস প্রয়োগ করা হয়েছে। (ক্রোমিয়াম ইস্যু: 536977880 )
  • উপাদানসমূহ : ইন্টারেক্টিভ অ্যাডোর্নার ( ভিউ সোর্স , স্টার্টিং স্টাইল , স্ক্রল স্ন্যাপ , এবং রিভিল ) কিবোর্ড ব্যবহার করে সম্পূর্ণরূপে ফোকাসযোগ্য এবং সক্রিয় করা যায়। (ক্রোমিয়াম ইস্যু: 554057179 )
  • লাইভ রিজিয়ন : লাইভ অ্যানাউন্সমেন্ট এবং ariaNotify কল রেকর্ড ও ডিবাগ করার জন্য AccessibilityAnnouncementRecordingView যোগ করা হয়েছে। (ক্রোমিয়াম ইস্যু: 527462118 )

ক্রোমিয়াম সমস্যা: 540028208 , 536977880 , 554057179 , 527462118