প্রকাশিত: ১০ মার্চ, ২০২৬
Chrome 146 এলিমেন্টস প্যানেলে অ্যাডপ্টেড স্টাইল শীটের জন্য উন্নত সমর্থন নিয়ে আসে, কনসোলের ইতিহাস নেভিগেশন উল্লেখযোগ্যভাবে উন্নত করে এবং গোপনীয়তা ডিবাগিং ওয়ার্কফ্লোকে স্ট্রিমলাইন করে, সাথে অন্যান্য বিভিন্ন ছোট ছোট সংশোধন এবং আপডেটও করে।
DevTools MCP সার্ভার আপডেট
DevTools MCP সার্ভারটি এখন 0.19.0 সংস্করণে রয়েছে, যা শক্তিশালী নতুন সরঞ্জাম, দক্ষতার উন্নতি এবং বিশেষায়িত ডিবাগিং দক্ষতা নিয়ে এসেছে:
- ইন্টিগ্রেটেড লাইটহাউস অডিট: আপনি এখন MCP এর মাধ্যমে সরাসরি লাইটহাউস অডিট চালাতে পারবেন, যা আপনার এজেন্টিক ওয়ার্কফ্লোতে স্বয়ংক্রিয় কর্মক্ষমতা এবং গুণমান পরীক্ষা সক্ষম করবে।
- স্লিম মোড: একটি নতুন
--slimমোড এখন উপলব্ধ, যা সর্বাধিক টোকেন সাশ্রয়ের জন্য টুলের বিবরণ এবং পরামিতিগুলি অপ্টিমাইজ করার জন্য ডিজাইন করা হয়েছে। - নতুন ডিবাগিং দক্ষতা: বিশেষভাবে অডিটিং এবং ডিবাগিং অ্যাক্সেসিবিলিটির জন্য নিবেদিত দক্ষতা যোগ করা হয়েছে, সেইসাথে লার্জেস্ট কন্টেন্টফুল পেইন্ট (LCP) ডিবাগিং এবং অপ্টিমাইজেশনের জন্য।
- সম্প্রসারিত টুলিং এবং ক্ষমতা: সার্ভারটি এখন স্টোরেজ-বিচ্ছিন্ন ব্রাউজার প্রসঙ্গ, পরীক্ষামূলক স্ক্রিনকাস্ট রেকর্ডিং, একটি নতুন
take_memory_snapshotটুল এবংtype_textমতো উন্নত ইন্টারঅ্যাকশন ক্ষমতা সমর্থন করে।
পরিবর্তনের সম্পূর্ণ তালিকার জন্য GitHub-এর পাবলিক চেঞ্জলগ দেখুন।
কনসোলের ইতিহাসের সম্পাদনাগুলি সংরক্ষণ করুন
কনসোলে দীর্ঘদিনের একটি ঘর্ষণ বিন্দুর সমাধান করা হয়েছে। পূর্বে, যদি আপনি ইতিহাস থেকে টেনে আনা কোনও কমান্ড সম্পাদনা করতেন এবং নেভিগেট করতেন (আপ বা ডাউন টিপে), তাহলে আপনার সম্পাদনাগুলি হারিয়ে যেত।
Chrome 146-এ, DevTools এখন আপনার কমান্ড ইতিহাস নেভিগেট করার সময় আপনার সম্পাদনাগুলি সংরক্ষণ করে । আপনি পূর্ববর্তী একটি কমান্ড পরিবর্তন করা শুরু করতে পারেন, অন্য একটি ব্রাউজ করতে পারেন এবং আপনার কাজ না হারিয়ে আপনার খসড়ায় ফিরে যেতে পারেন।
এটি একটি সম্প্রদায়ের অবদান ছিল, @hjanuschka কে ধন্যবাদ!
ক্রোমিয়াম সমস্যা: ৩৫৫১০৮৯২৯
গৃহীত স্টাইল শীটের জন্য উন্নত সমর্থন
ওয়েব কম্পোনেন্ট এবং আধুনিক CSS আর্কিটেকচার ডিবাগ করা এখন অনেক সহজ। গৃহীত স্টাইল শীটগুলি আর লুকানো থাকে না; এখন এগুলি এলিমেন্টস প্যানেলের DOM ট্রির মধ্যে একটি ডেডিকেটেড #adopted-style-sheets নোডের অধীনে গোষ্ঠীভুক্ত করা হয়।
আপনি স্ট্যান্ডার্ড <style> ট্যাগের মতো এই শিটগুলি পরিদর্শন করতে পারেন, এমনকি স্টাইলস প্যানে সরাসরি তাদের নিয়মগুলি সম্পাদনা করতে পারেন। এটি নির্মিত স্টাইলশিট এবং ঘোষণামূলক স্টাইলের মধ্যে সমতা আনে, শ্যাডো DOM, ওয়েব উপাদান এবং শেয়ার্ড ডিজাইন সিস্টেমের ডিবাগিং সহজ করে।
ক্রোমিয়াম সমস্যা: 476399197 , 40802935
ঘন গ্রিড লেআউট সমর্থন
স্টাইলস প্যানের গ্রিড এডিটর এখন dense প্যাকিং অ্যালগরিদম সমর্থন করে। grid-auto-flow সম্পাদনা করার সময়, আপনি dense কীওয়ার্ডের জন্য একটি নতুন চেকবক্স দেখতে পাবেন, যা আপনাকে UI থেকে সরাসরি স্ট্যান্ডার্ড এবং ডেনস প্যাকিং মোডের মধ্যে দ্রুত টগল করতে দেয়।
এটি ছিল একটি সম্প্রদায়ের অবদান, @TheNourhan কে ধন্যবাদ!
ক্রোমিয়াম সমস্যা: 40791512
স্ট্রিমলাইন করা গোপনীয়তা ডিবাগিং
পূর্ববর্তী গোপনীয়তা এবং সুরক্ষা প্যানেলটির নাম পরিবর্তন করে সুরক্ষা রাখা হয়েছে, এবং UI বিশৃঙ্খলা কমাতে এবং ডিবাগিং কর্মপ্রবাহকে একীভূত করার জন্য এটিকে পরিপাটি করা হয়েছে। সমস্ত গোপনীয়তা-সম্পর্কিত তথ্য, যেমন তৃতীয় পক্ষের কুকি সমস্যা এবং সম্ভাব্য ভাঙ্গন পরীক্ষা করা, এখন সরাসরি কনসোলে রিপোর্ট করা হয়।
এই পরিবর্তনের ফলে গোপনীয়তা সংক্রান্ত সমস্যা নির্ণয়ের জন্য আপনাকে আর প্যানেল থেকে অন্য প্যানেলে যেতে হবে না; এগুলি আপনার অন্যান্য লগ এবং ত্রুটির পাশাপাশি প্রদর্শিত হবে, যা তাৎক্ষণিক প্রসঙ্গ প্রদান করবে।
ক্রোমিয়াম সমস্যা: 473796598
বিবিধ হাইলাইটস
- সূত্র: স্ট্যাক ট্রেস আর্কিটেকচারের একটি বড় পরিবর্তন সেই সমস্যাগুলির সমাধান করে যেখানে দেরিতে লোড হওয়া সোর্স ম্যাপের কারণে UI অপ্রত্যাশিতভাবে লাফিয়ে পড়ে বা ফাইল পরিবর্তন করে।
- নেটওয়ার্ক: ইনিশিয়েটর পপওভার এখন আরও নির্ভরযোগ্য অনুরোধ চেইনের জন্য উন্নত স্ট্যাক ট্রেস সিস্টেম ব্যবহার করে।
অ্যাক্সেসিবিলিটি ঘোষণা
এই সংস্করণটি নিম্নলিখিত অ্যাক্সেসিবিলিটি উন্নতিগুলি নিয়ে আসে:
- রেকর্ডার: "কোড দেখান" সাইডবারটি টগল করা হলে স্ক্রিন রিডাররা এখন ঘোষণা করে।
- অ্যাপ্লিকেশন: নতুন "শেয়ার্ড স্টোরেজ", "ব্যাক/ফরওয়ার্ড ক্যাশে", এবং "বাউন্স ট্র্যাকিং মিটিগেশন" রিপোর্টের শিরোনামগুলি এখন সঠিকভাবে শিরোনাম হিসেবে ঘোষণা করা হয়েছে।
- সেটিংস: শর্টকাট আইটেম এবং রঙের বোতামগুলির জন্য উচ্চ বৈসাদৃশ্য মোড সমর্থন উন্নত করা হয়েছে।
- সাধারণ: CSS ওভারভিউ প্যানেল এবং মিডিয়া প্লেয়ার এন্ট্রি সহ বিভিন্ন UI উপাদানের জন্য উন্নত ফোকাস দৃশ্যমানতা।