DevTools, Chrome 143-এ নতুন কী?

DevTools MCP সার্ভার আপডেট

আমরা DevTools MCP সার্ভারের জন্য বিভিন্ন উন্নতি এনেছি এবং v0.11.0 প্রকাশ করেছি।

  • আপনার MCP ক্লায়েন্টে (Gemini CLI, Cursor, ...) প্রম্পট করার সময় আপনি এখন Elements and Network প্যানেলে নির্বাচিত উপাদান এবং নেটওয়ার্ক অনুরোধগুলি উল্লেখ করতে পারেন।
  • list_console_messages টুলটিতে এখন সমস্যা প্যানেলে দেখা সমস্যাগুলিও অন্তর্ভুক্ত রয়েছে।
  • নতুন press_key টুলটি এখন ফর্ম এলিমেন্টের সাথে সম্পর্কিত নয় এমন কীবোর্ড ইভেন্টগুলি ডিবাগ করতে ব্যবহার করা যেতে পারে।
  • অ্যাক্সেসিবিলিটি ট্রি স্ন্যাপশট এখন ডিস্কে সংরক্ষণ করা যাবে
  • পৃষ্ঠাগুলি এখন পুনরায় লোড করা যেতে পারে, ঐচ্ছিকভাবে ক্যাশে উপেক্ষা করে
  • একটি বিদ্যমান Chrome প্রোফাইল ব্যবহার করার জন্য --user-data-dir ফ্ল্যাগ কনফিগার করুন

পরিবর্তন এবং বাগ সংশোধনের সম্পূর্ণ তালিকার জন্য GitHub-এর পাবলিক চেঞ্জলগ দেখুন এবং ঘোষণা ব্লগ পোস্টে DevTools MCP সার্ভার সম্পর্কে আরও জানুন।

উন্নত ট্রেস শেয়ারিং

পারফরম্যান্স প্যানেলে ট্রেস শেয়ারিং ডায়ালগ

পারফরম্যান্স ট্রেস এক্সপোর্ট করার সময় আপনি এখন এক্সপোর্ট করা ফাইলে অতিরিক্ত ডেটা অন্তর্ভুক্ত করতে পারেন যাতে আপনার ভবিষ্যতের নিজের বা সহকর্মীর জন্য আরও ডিবাগিং সহজ হয়। আপনি এখন নিম্নলিখিতগুলি অন্তর্ভুক্ত করতে পারেন:

  • রিসোর্স কন্টেন্ট : সমস্ত HTML, CSS এবং JavaScript ফাইলের একটি কপি (এক্সটেনশন স্ক্রিপ্ট ব্যতীত)
  • স্ক্রিপ্ট সোর্স ম্যাপ : লেখক কোডের ম্যাপিং, যা আপনাকে মূল ফাংশনের নাম এবং সোর্স ফাইল দেখতে দেয়।

আমাদের আপডেট করা ডকুমেন্টেশনে কী শেয়ার করবেন এবং কী গোপন রাখবেন সে সম্পর্কে জানুন।

আমরা মাইক্রোসফটের আমাদের সহকর্মীদের ধন্যবাদ জানাতে চাই যাদের সহযোগিতায় এটি অর্জন করা সম্ভব হয়েছে, এবং যারা এর প্রাথমিক কাজটি পরিচালনা করেছেন।

@starting-style এর জন্য সমর্থন

এলিমেন্টস প্যানেলে এখন নতুন CSS @starting-style নিয়ম ডিবাগ করার জন্য সমর্থন রয়েছে, যা এন্ট্রি অ্যানিমেশন তৈরির জন্য অপরিহার্য।

এখন আপনি প্রাসঙ্গিক উপাদানগুলির পাশে Elements ট্রিতে একটি starting-style adorner দেখতে পাবেন, pill-এ ক্লিক করে উপাদানটির starting-style অবস্থা টগল করুন, এবং Styles ট্যাবে @starting-style ব্লকটি পরিদর্শন এবং ডিবাগ করুন।

প্রদর্শনের জন্য সম্পাদক উইজেট: রাজমিস্ত্রি

আপনি যদি CSS নিয়ে পরীক্ষা-নিরীক্ষা করেন, তাহলে Masonry লেআউট এখন display : flex এবং grid layouts থেকে পরিচিত একই এডিটর উইজেট ব্যবহার করতে পারবেন, যাতে masonry লেআউটের বিভিন্ন অ্যালাইনমেন্ট অপশন দ্রুত টগল করা যায়।

বাতিঘর ১৩

লাইটহাউস প্যানেল এখন লাইটহাউস ১৩ চালায়। এই মাইলফলকের মাধ্যমে, DevTools এবং লাইটহাউস জুড়ে কর্মক্ষমতা অন্তর্দৃষ্টি একত্রিত করার কাজ শেষ হচ্ছে।

ঘোষণা ব্লগ পোস্টে আরও জানুন। Lighthouse কীসের জন্য কার্যকর এবং DevTools-এ এটি কীভাবে পারফরম্যান্স প্যানেলের সাথে সংযুক্ত হয় তা জানতে, Lighthouse: আপনার ওয়েবসাইট অপ্টিমাইজ করুন দেখুন।

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

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

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

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

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

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