প্রকাশিত: ১১ ফেব্রুয়ারী, ২০২৬
Chrome 139 এর মতোই, Chrome 145 এর জন্য Chrome DevTools টিম পণ্যের উৎকর্ষতা, পরিচিত সমস্যাগুলি মোকাবেলা, UI বাস্তবায়ন একীভূতকরণ এবং পরীক্ষার স্বাস্থ্য উন্নত করার উপর অগ্রাধিকার দিয়েছে। এই প্রচেষ্টার মাধ্যমে বিভিন্ন প্যানেলে প্রাপ্ত অসংখ্য সূক্ষ্ম সংশোধন এবং পরিমার্জন আপনার দৈনন্দিন ডিবাগিং এবং ডেভেলপমেন্ট কর্মপ্রবাহকে আরও মসৃণ, আরও নির্ভরযোগ্য এবং আরও উৎপাদনশীল করে তুলবে।
DevTools MCP সার্ভার আপডেট
DevTools MCP সার্ভারটি v0.11.0 থেকে v0.14.0 পর্যন্ত উল্লেখযোগ্য আপডেট পেয়েছে, যা মূল অটোমেশন এবং এমুলেশন ক্ষমতা প্রবর্তন করেছে।
- স্বয়ংক্রিয় সংযোগ: নতুন
--auto-connectফ্ল্যাগ সার্ভারকে স্বয়ংক্রিয়ভাবে একটি চলমান Chrome ইনস্ট্যান্স আবিষ্কার এবং সংযুক্ত করার অনুমতি দেয়, যার ফলে WebSocket URL গুলি ম্যানুয়ালি কপি করার প্রয়োজন হয় না। - ইউনিফাইড ইমুলেশন: একটি একক
emulateটুল এখন জিওলোকেশন, নেটওয়ার্ক অবস্থা (অফলাইন/ধীর 3G), সিপিইউ থ্রটলিং এবং ইউজার এজেন্ট ওভাররাইড পরিচালনা করে। - সংরক্ষিত লগ: আপনি এখন নেভিগেশন জুড়ে নেটওয়ার্ক অনুরোধ এবং কনসোল বার্তা অ্যাক্সেস করতে পারবেন, যা DevTools-এ "সংরক্ষণ লগ" কার্যকারিতা প্রতিফলিত করে।
পরিবর্তনের সম্পূর্ণ তালিকার জন্য GitHub-এর পাবলিক চেঞ্জলগ দেখুন।
সফট নেভিগেশন এখন ট্রেস ভিউতে দৃশ্যমান।
আপনার ওয়েবসাইট যদি সিঙ্গেল পেজ অ্যাপ্লিকেশন (SPA) আর্কিটেকচার ব্যবহার করে, তাহলে এখন পারফরম্যান্স প্যানেল ট্রেস ভিউতে সফট নেভিগেশন এবং সফট LCP মার্কার দেখা যাবে। এটি আধুনিক ওয়েব অ্যাপ্লিকেশনগুলিতে পারফরম্যান্স ডিবাগ করা উল্লেখযোগ্যভাবে সহজ করে তোলে যেখানে পুরো পৃষ্ঠা পুনরায় লোড না করেই নেভিগেশন করা হয়।
এই ব্লগ পোস্টে সফট নেভিগেশন সম্পর্কে আরও পড়ুন। লাইভ মেট্রিক্স ভিউ এবং পারফরম্যান্স ইনসাইটস সফট নেভিগেশন প্রতিফলিত করে না, তবে এই API-তে কাজ চলতে থাকায় ভবিষ্যতের প্রকাশের জন্য সেই কাজটি পরিকল্পনা করা হয়েছে।
ক্রোমিয়াম সমস্যা: 450673886 , 450673887
লাইন-লেভেল প্রোফাইলারের সময় এখন অনেক বেশি সুনির্দিষ্ট
পারফরম্যান্স প্যানেলে একটি ট্রেস রেকর্ড করার পর, সোর্স প্যানেল প্রতি লাইনের ভিত্তিতে ট্রেসে পর্যবেক্ষণ করা সময় প্রদর্শন করে। এটি আপনাকে ঠিক কোন লাইনের কোডগুলি সবচেয়ে বেশি কার্যকর সময় ব্যয় করছে তা সনাক্ত করতে দেয়।
এই বৈশিষ্ট্যটিতে পূর্বে কিছু বাগ ছিল যা সোর্সটি প্রিটি-ফর্ম্যাট করার সময় ( {} বোতাম ব্যবহার করে) অথবা সোর্স-ম্যাপ করা স্ক্রিপ্ট ব্যবহার করার সময় এটিকে অবিশ্বাস্য করে তুলেছিল। এই সমস্যাগুলি সমাধান করা হয়েছে, যার ফলে লাইন-লেভেল প্রোফাইলিং নির্ভুল এবং প্রোডাকশন-রেডি, মিনিফাইড কোডের জন্য ব্যবহারযোগ্য হয়ে উঠেছে।
দ্রুত ট্রেস ইন্টারঅ্যাকশন
পারফরম্যান্স প্যানেলের একটি বড় বাধা সমাধান করা হয়েছে। পূর্বে, সময়সীমা নির্বাচন করা বা ব্যস্ত ট্রেসগুলির মাধ্যমে প্যান করার ফলে অপ্রয়োজনীয় ইভেন্ট বাছাইয়ের কারণে উল্লেখযোগ্য UI ল্যাগ হতে পারত। এটি অপ্টিমাইজ করা হয়েছে, জটিল শিখা চার্টের সাথে মিথস্ক্রিয়াকে উল্লেখযোগ্যভাবে আরও প্রতিক্রিয়াশীল করে তুলেছে।
ক্রোমিয়াম সমস্যা: 457866795
রেন্ডার-ব্লকিং রিসোর্সগুলি সনাক্ত করুন
নেটওয়ার্ক প্যানেলে এখন একটি ডেডিকেটেড রেন্ডার ব্লকিং কলাম অন্তর্ভুক্ত রয়েছে। এটি আপনাকে তাৎক্ষণিকভাবে সনাক্ত করতে দেয় যে কোন রিসোর্সগুলি (জাভাস্ক্রিপ্ট, সিএসএস এবং ফন্ট) ব্রাউজারকে পৃষ্ঠার বিষয়বস্তু রঙ করতে বাধা দিচ্ছে, যা আপনার ফার্স্ট পেইন্ট কর্মক্ষমতা অপ্টিমাইজ করতে সহায়তা করে।
ক্রোমিয়াম সমস্যা: 41169154
ব্যক্তিগত নেটওয়ার্ক অনুরোধ থ্রটলিং
ক্রোম ১৪৪-এ চালু হওয়া রিকোয়েস্ট কন্ডিশন প্যানেল (পূর্বে নেটওয়ার্ক রিকোয়েস্ট ব্লকিং) এখন ডিফল্টভাবে ব্যক্তিগত রিকোয়েস্ট থ্রটলিং সক্ষম করে ।
যদিও এই বৈশিষ্ট্যটি পূর্ববর্তী মাইলফলকে চালু করা হয়েছিল, দেরিতে রিগ্রেশনের কারণে এটি অক্ষম করা হয়েছিল। Chrome 145-এ, আপনি এখন নির্ভরযোগ্যভাবে নির্দিষ্ট নেটওয়ার্ক অনুরোধগুলিকে থ্রোটল করতে পারেন ধীর নির্ভরতা অনুকরণ করতে বা আপনার অ্যাপ কীভাবে নির্দিষ্ট রিসোর্স বিলম্ব পরিচালনা করে তা পরীক্ষা করতে।
নির্দিষ্ট প্যাটার্ন থ্রটলিং বা ব্লক করা শুরু করতে ⋮ > আরও সরঞ্জাম > শর্তাবলী অনুরোধ করুন থেকে প্যানেলটি খুলুন।
@starting-style এর জন্য ডিবাগিং উন্নতি
CSS @starting-style নিয়ম ডিবাগ করার জন্য সমর্থন এখন ডিফল্টরূপে সক্রিয় করা হয়েছে । এই বৈশিষ্ট্যটি আপনাকে একটি উপাদান প্রথম রেন্ডার করার সময় প্রয়োগ করা শৈলীগুলি পরিদর্শন করতে সহায়তা করে, যা এন্ট্রি অ্যানিমেশন এবং ট্রানজিশন ডিবাগ করার জন্য অপরিহার্য।
ক্রোমিয়াম সমস্যা: 465367572
এআই সহায়তা আপডেট
- মাল্টিমোডাল ইনপুট: ভিজ্যুয়াল সমস্যা সম্পর্কে প্রশ্ন জিজ্ঞাসা করার জন্য আপনি এখন আপনার ক্লিপবোর্ড থেকে সরাসরি AI সহায়তা চ্যাটে ছবি পেস্ট করতে পারেন।
ক্রোমিয়াম সমস্যা: 470997699
বিবিধ হাইলাইটস
- উপাদান: রুট
<html>ট্যাগের পাশে একটি নতুন ভিউ সোর্স ব্যাজ যোগ করা হয়েছে, যা ডকুমেন্টের সোর্স কোডে দ্রুত যাওয়ার একটি উপায় প্রদান করে। - সূত্র: সম্পাদনাযোগ্য JSON ফাইলগুলি এখন একটি বিপরীতমুখী প্রিটি-প্রিন্ট টগল সমর্থন করে, যা মূল ফর্ম্যাটিং না হারিয়ে ডেটা সম্পাদনা করা সহজ করে তোলে।
- নেটওয়ার্ক: আরও ভালো পঠনযোগ্যতার জন্য বাক্যের ক্ষেত্রে ব্যবহার করার জন্য প্রসঙ্গ মেনু আইটেমগুলি আপডেট করা হয়েছে।
- কনসোল: পৃষ্ঠাটি পুনরায় লোড করার পরে ধরা না পড়া ব্যতিক্রমগুলির ফিল্টারগুলি হারিয়ে যাওয়ার সমস্যাটি সমাধান করা হয়েছে।
ক্রোমিয়াম সমস্যা: 378870233 , 461041921 , 433162438
অ্যাক্সেসিবিলিটি ঘোষণা
এই সংস্করণটি নিম্নলিখিত অ্যাক্সেসিবিলিটি উন্নতিগুলি নিয়ে আসে:
- অনুসন্ধান: স্ক্রিন রিডাররা এখন Ctrl+F ব্যবহার করার সময় অনুসন্ধান ফলাফলের সংখ্যা (যেমন, "৫ এর মধ্যে ১") ঘোষণা করে।
- রেকর্ডার: স্ক্রিন রিডাররা এখন ঘোষণা করে যে কোনও রেকর্ডিং সফলভাবে মুছে ফেলা বা আমদানি করা হয়েছে।
- সেটিংস: স্ক্রিন রিডাররা এখন এক্সপেরিমেন্ট ট্যাবে ফিল্টার করার সময় ফলাফলের সংখ্যা ঘোষণা করে।
- গোপনীয়তা: গোপনীয়তা প্যানেলের অরিজিন গ্রুপটি এখন কীবোর্ড ব্যবহার করে সম্পূর্ণরূপে অ্যাক্সেসযোগ্য।
- UI: উচ্চ বৈসাদৃশ্য এবং জোরপূর্বক রঙ মোডে ব্যবহারকারীদের জন্য ডক আইকনগুলির দৃশ্যমানতা উন্নত করা হয়েছে এবং নির্বাচিত উপাদানগুলি অক্ষম করা হয়েছে।
ক্রোমিয়াম সমস্যা: 448675917 , 392090449 , 471713944 , 471141907 , 471095586