DevTools (Chrome 148)-এ নতুন কী আছে

প্রকাশিত: ৫ মে, ২০২৬

ক্রোম ১৪৮ পূর্ণ-পৃষ্ঠার অ্যাক্সেসিবিলিটি ট্রি-কে ডিফল্ট করে, টুলটিপে বিজ্ঞাপনের উৎস সম্পর্কিত বিস্তারিত তথ্য যোগ করে, স্পেকুলেশন রুলস-এর ডিবাগিং উন্নত করে এবং ক্র্যাশ রিপোর্টের জন্য নতুন ডায়াগনস্টিক ভিউ যুক্ত করে।

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

Chrome DevTools MCP সার্ভার এবং CLI সংস্করণ 0.25.0-এ আপডেট করা হয়েছে, যাতে বেশ কিছু নতুন ফিচার যুক্ত করা হয়েছে। এই রিলিজে নির্ভরযোগ্যতা সংক্রান্ত বিভিন্ন ত্রুটি সংশোধনও অন্তর্ভুক্ত করা হয়েছে, যেমন টুল নির্বাহের সময় স্ক্রিপ্টে যাতে কোনো বাধা না আসে, সেজন্য ব্রাউজার ডায়ালগগুলোর স্বয়ংক্রিয় ব্যবস্থাপনা।

সর্বশেষ আপডেটের পর থেকে যোগ করা প্রধান বৈশিষ্ট্যগুলো হলো:

  • ক্রোম এক্সটেনশন ডিবাগিং: এজেন্টরা এখন ক্রোম এক্সটেনশনগুলোকে টার্গেট ও ডিবাগ করতে পারবে, যার ফলে তারা সরাসরি এক্সটেনশন-নির্দিষ্ট পেজ এবং ব্যাকগ্রাউন্ড স্ক্রিপ্টগুলো পরিদর্শন করতে পারবে।
  • WebMCP টুল আহ্বান: নতুন পরীক্ষামূলক টুলগুলো এজেন্টদেরকে ওয়েব পেজ দ্বারা প্রকাশিত WebMCP টুলগুলোর তালিকা তৈরি করতে এবং সেগুলো কার্যকর করতে সক্ষম করে।
  • লাইটহাউসে এজেন্টিক ব্রাউজিং: একটি নতুন "এজেন্টিক ব্রাউজিং" অডিট ক্যাটাগরি WebMCP টুল রেজিস্ট্রেশন যাচাই করার মাধ্যমে মূল্যায়ন করে যে, কোনো সাইট এজেন্টিক ওয়েবের জন্য অপ্টিমাইজ করা হয়েছে কি না।

এই ও আরও ফিচার ব্যবহার শুরু করতে, বিস্তারিত রিলিজ নোটসহ গিটহাব রিপোজিটরিটি দেখুন।

ডিফল্টরূপে সম্পূর্ণ অ্যাক্সেসিবিলিটি ট্রি

সাইডবারে নতুন অ্যাক্সেসিবিলিটি টগলসহ এলিমেন্টস প্যানেল।

সম্পূর্ণ অ্যাক্সেসিবিলিটি ট্রি আনুষ্ঠানিকভাবে তার পরীক্ষামূলক পর্যায় থেকে বেরিয়ে আসছে এবং এলিমেন্টস প্যানেলে ডিফল্ট ভিউ হিসেবে থাকছে। এই পরিবর্তনের সাথে সাথে, পুরোনো ব্রেডক্রাম্ব-স্টাইলের অ্যাক্সেসিবিলিটি ট্রি-কে সোর্স থেকে সরিয়ে দিয়ে এই আরও ব্যাপক ভিউটিকে আনা হয়েছে।

ইন্টারফেসকে আরও সহজ ও সাবলীল করার জন্য, ক্রোম ১৪৮ সংস্করণটি থেকে সেই ভাসমান অ্যাকশন বাটনটি সরিয়ে দেওয়া হয়েছে যা আগে DOM এবং অ্যাক্সেসিবিলিটি ট্রি-এর মধ্যে টগল করতে ব্যবহৃত হতো। এখন আপনি সাইডবারের অ্যাক্সেসিবিলিটি ট্যাবের ভেতরে অবস্থিত একটি নির্দিষ্ট টগল ব্যবহার করে ভিউ পরিবর্তন করতে পারবেন।

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

অনুমানমূলক লোড বৃদ্ধি

প্রি-লোডিং ডিবাগ করার জন্য স্পেকুলেটিভ লোড সেকশনটি আরও শক্তিশালী হয়েছে:

  • টেক্সট ফিল্টারিং : আপনি এখন ফ্রি টেক্সট অথবা কী-যুক্ত ফিল্টার (যেমন, url: , status: ) ব্যবহার করে নিয়ম এবং চেষ্টার তালিকাটি ফিল্টার করতে পারেন।
  • HTTP স্ট্যাটাস কোড : ব্যর্থ প্রচেষ্টার ক্ষেত্রে, প্রকৃত HTTP স্ট্যাটাস কোড (যেমন 404 বা 503) এখন সরাসরি গ্রিডে প্রদর্শিত হয়।
  • ফর্ম জমা দেওয়া : প্যানেলটি এখন প্রি-লোডিংয়ের ট্রিগার হিসেবে form_submission স্পষ্টভাবে শনাক্ত করে এবং প্রদর্শন করে।

ক্রোমিয়াম সমস্যা: 479524246 , 40926909

এটি একটি সম্মিলিত অবদান ছিল, @hjanuschka- কে ধন্যবাদ!

অ্যাপ্লিকেশন প্যানেল, যেখানে নতুন স্পেকুলেশন রুলস ফিল্টার বার এবং ক্র্যাশ রিপোর্ট কনটেক্সট হাইলাইট করা হয়েছে।

দুর্ঘটনা প্রতিবেদনের প্রেক্ষাপট

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

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

শুধুমাত্র নাম-ভিত্তিক @কন্টেইনার কোয়েরি

DevTools এখন শুধুমাত্র নামযুক্ত @container কোয়েরি সমর্থন করে। পূর্বে, বর্ণনাকারী ছাড়া কোয়েরিগুলো (যেমন @container sidebar ) স্টাইলস ট্যাবে সঠিকভাবে প্রতিফলিত নাও হতে পারত। এখন সেগুলো স্টাইল প্রোপার্টিজ বিভাগে সঠিকভাবে রেন্ডার এবং লিঙ্ক করা যায়।

অ-অবদানকারী বিভাগগুলি সংকুচিত করা হয়েছে

অতিরিক্ত জঞ্জাল কমাতে, স্টাইলস ট্যাব এখন স্বয়ংক্রিয়ভাবে সেই সেকশনগুলোকে সংকুচিত করে দেয় যেগুলোতে কোনো সক্রিয় ডিক্লারেশন নেই। যে রুলগুলো খালি অথবা যেগুলোতে শুধু ওভারলোডেড প্রোপার্টি (অন্যান্য রুল দ্বারা ওভাররাইড করা) রয়েছে, সেগুলো ডিফল্টরূপে সংকুচিত থাকবে, অন্যদিকে ডিজেবলড প্রোপার্টিযুক্ত সেকশনগুলো সহজে ডিবাগিংয়ের জন্য প্রসারিত থাকবে।

ক্রোমিয়াম সমস্যা: 40287550 , 351662727

অর্ডার এবং প্রস্তাবিত থ্রটলিংয়ের জন্য অনুরোধ করুন

  • অনুরোধ নং কলাম : আপনি এখন নেটওয়ার্ক প্যানেলে একটি ঐচ্ছিক অনুরোধ নং কলাম যোগ করতে পারেন। এই কলামটি অনুরোধগুলো শুরু হওয়ার চূড়ান্ত ক্রম প্রদর্শন করে এবং এটি সর্টিং সমর্থন করে।
  • সুপারিশকৃত থ্রটলিং : নেটওয়ার্ক প্যানেলের থ্রটলিং ড্রপ-ডাউনটি এখন আপনার সাইটের ব্যবহারকারীদের কাছ থেকে প্রাপ্ত বাস্তব ফিল্ড ডেটার (CrUX) উপর ভিত্তি করে সুপারিশকৃত প্রিসেটগুলোকে হাইলাইট করে, যা পারফরম্যান্স প্যানেলে আগে থেকেই থাকা সুপারিশগুলোর সাথে সামঞ্জস্যপূর্ণ।

নেটওয়ার্ক এবং নেটওয়ার্ক কন্ডিশন প্যানেল, যেখানে নতুন রিকোয়েস্ট # কলাম এবং প্রস্তাবিত থ্রটলিং হাইলাইট করা হয়েছে।

ক্রোমিয়াম সমস্যা: 40276422 , 456383409

অলংকারে বিজ্ঞাপনের উৎস

এলিমেন্টগুলোকে কেন বিজ্ঞাপন হিসেবে ট্যাগ করা হচ্ছে, সে বিষয়ে DevTools এখন আরও বেশি স্বচ্ছতা প্রদান করে। আপনি যখন এলিমেন্টস প্যানেলে কোনো বিজ্ঞাপন অ্যাডোরনারের উপর মাউস নিয়ে যাবেন, তখন একটি নতুন টুলটিপ বিজ্ঞাপনের উৎস দেখাবে।

টুলটিপটি এই বিষয়ে প্রাসঙ্গিক তথ্য প্রদান করে যে কেন এলিমেন্টটিকে একটি বিজ্ঞাপন হিসেবে চিহ্নিত করা হয়েছে, যেমন:

  • স্ক্রিপ্ট বংশপরিচয় : উপাদানটি তৈরিতে কোন কোন স্ক্রিপ্ট জড়িত ছিল।
  • ফিল্টার তালিকার নিয়মাবলী : একটি ফিল্টার তালিকার (যেমন, EasyList) সেই নির্দিষ্ট নিয়ম, যা এলিমেন্ট বা তার দ্বারা লোড করা রিসোর্সটির সাথে মিলে যায়।

এটি ডেভেলপার এবং গোপনীয়তা গবেষকদের বিজ্ঞাপন ট্যাগিংয়ের পেছনের কারণ বুঝতে এবং ভুল শনাক্তকরণ (ফলস পজিটিভ) ডিবাগ করতে সাহায্য করে।

ক্রোমিয়াম সমস্যা: 490029725 , 495842556

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

  • এমুলেশন : একটি দীর্ঘদিনের বাগ সংশোধন করা হয়েছে যেখানে সম্পূর্ণ পৃষ্ঠার স্ক্রিনশট নেওয়ার সময় ভিউপোর্টটি মাঝে মাঝে "লিকড" বা ভাঙা অবস্থায় চলে যেত ( 495385035 )।
  • WebAuthn : ভার্চুয়াল অথেন্টিকেটরের সাথে hmac-secret এবং hmac-secret-mc এক্সটেনশন পরীক্ষা করার জন্য সমর্থন যোগ করা হয়েছে ( 420689820 )।
  • মেমরি : নতুন স্নাকবার নোটিফিকেশনের মাধ্যমে ম্যানুয়ালি গার্বেজ কালেকশন চালু করার সময় উন্নত ফিডব্যাক ( 493708151 )।
  • অবজেক্ট ইন্সপেকশন : show-option-to-expose-internals-in-heap-snapshot এক্সপেরিমেন্টটি সরানো হয়েছে; চেকবক্সটি এখন ডিফল্টরূপে দেখানো হয় ( 497855658 )।