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

ম্যাথিয়াস রোহমার

জেমিনি থেকে কোড পরামর্শ

আপনি এখন কনসোল এবং সোর্স প্যানেলে AI-জেনারেটেড টাইপ-এহেড পরামর্শ পেতে পারেন।

কনসোল এবং সোর্স প্যানেলে কোড সাজেশন বৈশিষ্ট্য

এই বৈশিষ্ট্যটি সক্ষম করতে, সেটিংস > এআই ইনোভেশনস- এ যান এবং কোড সাজেশন টগল করুন।

DevTools MCP সার্ভারের জন্য উন্নত বৈশিষ্ট্য

DevTools MCP সার্ভারের পাবলিক প্রিভিউ v0.2.1 দিয়ে চালু করার পর থেকে, আমরা সম্প্রদায়ের অবদানের মাধ্যমে বিভিন্ন উন্নতি এনেছি এবং v0.9.0 প্রকাশ করেছি।

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

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

এআই সহায়তার দ্রুত অ্যাক্সেস

DevTools-এ এখন আরও লিঙ্ক অন্তর্ভুক্ত করা হয়েছে যা AI সহায়তা খুলবে। Ask AI প্রসঙ্গ মেনু আইটেমটির নাম পরিবর্তন করে Debug with AI রাখা হয়েছে এবং প্রসঙ্গ অনুসারে AI আপনাকে সাহায্য করতে পারে এমন সরাসরি পদক্ষেপের মাধ্যমে সংশোধন করা হয়েছে।

DevTools-এর উপরের ডানদিকের কোণায় থাকা অতিরিক্ত নতুন বোতামের সাহায্যে আপনি DevTools-এর যেকোনো জায়গা থেকে AI সহায়তা খুলতে পারবেন।

নতুন এন্ট্রিটি DevTools জুড়ে AI সহায়তার দিকে ইঙ্গিত করে

জেমিনি দিয়ে সম্পূর্ণ পারফরম্যান্স ট্রেস ডিবাগ করুন

পারফরম্যান্স প্যানেলে একটি ট্রেস রেকর্ড করার পর, আপনি এখন জেমিনির সাথে সম্পূর্ণ ট্রেস, সম্পর্কিত পারফরম্যান্স অন্তর্দৃষ্টি এবং ফিল্ড ডেটা সম্পর্কে চ্যাট করতে পারবেন, নির্দিষ্ট প্রসঙ্গ আগে থেকে নির্বাচন না করেই, একই কথোপকথনের মধ্যে। এটি আপনাকে আরও গভীরে যাওয়ার আগে পারফরম্যান্সের সমস্যাগুলি আরও সামগ্রিকভাবে দেখতে দেয়।

জেমিনির সাহায্যে সম্ভাব্য সমস্যা শনাক্ত করার পর, আপনি আরও স্পষ্টভাবে আরও নির্দিষ্ট প্রসঙ্গ আইটেম যেমন ট্রেস ইভেন্ট বা পারফরম্যান্স ইনসাইট নির্বাচন করতে পারেন এবং আরও ঘনিষ্ঠভাবে পরিদর্শনের জন্য একই চ্যাট চালিয়ে যেতে পারেন।

একইভাবে, পারফরম্যান্স > ইনসাইটস- এর সমস্ত অন্তর্দৃষ্টি এখন আপনার জন্য জেমিনির সাথে চ্যাট করার জন্য উপলব্ধ।

ড্রয়ারের ওরিয়েন্টেশন টগল করুন

ড্রয়ারটি এখন পাশেও সরানো যেতে পারে। এটি আপনাকে প্যানেলগুলিকে স্ট্যাক করার পরিবর্তে পাশাপাশি দেখতে দেয়। প্রধান ট্যাব বারে একটি প্যানেলের নামের উপর ডান-ক্লিক করুন এবং নির্বাচিত প্যানেলটিকে ড্রয়ারে সরাতে "ড্রয়ারে সরান" নির্বাচন করুন।

⋮ > আরও সরঞ্জাম থেকে ড্রয়ারে অতিরিক্ত প্যানেল যোগ করুন।

ওরিয়েন্টেশন পরিবর্তন করার জন্য ড্রয়ারে নতুন টগল

গুগল ডেভেলপার প্রোগ্রাম

গুগল ডেভেলপার প্রোগ্রাম এখন DevTools-এর সাথে একীভূত, প্রোফাইল পরিচালনার জন্য সরাসরি লিঙ্ক এবং নতুন ব্যাজ অর্জনের সুবিধা সহ।

DevTools সেটিংসে Google ডেভেলপার প্রোফাইলের নিয়ন্ত্রণ

ব্যাজগুলি একটি অপ্ট-ইন বৈশিষ্ট্য। ব্যাজগুলি সক্ষম করতে, সেটিংস > পছন্দ > অ্যাকাউন্টে যান এবং "ব্যাজ উপার্জন করুন" টগল করুন।

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

এই রিলিজে উল্লেখযোগ্য কিছু সংশোধন এবং উন্নতির মধ্যে এটি হল:

  • অ্যাপ্লিকেশন প্যানেল এখন সার্ভিস ওয়ার্কার, শেয়ার্ড ওয়ার্কার এবং ডেডিকেটেড ওয়ার্কার সহ সকল ধরণের কর্মীর জন্য স্টোরেজ পরিদর্শন সমর্থন করে।
  • :target-current এখন স্টাইল প্যানেলে দেখানো হচ্ছে।
  • নেটওয়ার্ক প্যানেল এখন একটি নতুন Is ad-related বুলিয়ানের উপর ভিত্তি করে অনুরোধগুলি ফিল্টার করতে পারে।

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

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

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

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

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

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