DevTools, Chrome 141-এ নতুন কী আছে৷

সোফিয়া এমেলিয়ানোভা
Sofia Emelianova
GitHub

আপনার এআই এজেন্টের জন্য Chrome DevTools (MCP)

আপনি এখন নতুন Chrome DevTools মডেল কনটেক্সট প্রোটোকল (MCP) সার্ভারের একটি প্রিভিউ দেখতে পারেন। এটি AI কোডিং সহকারীদের জন্য Chrome DevTools-এর শক্তি নিয়ে আসে।

পূর্বে, কোডিং এজেন্টরা ব্রাউজারে চালানোর সময় তাদের তৈরি করা কোডটি আসলে কী করে তা দেখতে পারত না। Chrome DevTools MCP সার্ভার এটি পরিবর্তন করে। AI কোডিং সহকারীরা সরাসরি Chrome-এ ওয়েব পৃষ্ঠাগুলি ডিবাগ করতে সক্ষম হয় এবং DevTools ডিবাগিং ক্ষমতা এবং কর্মক্ষমতা অন্তর্দৃষ্টি থেকে উপকৃত হয়। এটি সমস্যাগুলি সনাক্তকরণ এবং সমাধান করার সময় তাদের নির্ভুলতা উন্নত করে।

এটি কীভাবে কাজ করে তা নিজেই দেখুন:

আরও তথ্যের জন্য আপনার AI এজেন্টের জন্য Chrome DevTools (MCP) দেখুন।

জেমিনি দিয়ে নেটওয়ার্ক নির্ভরতা ট্রি ডিবাগ করুন

পারফরম্যান্স > ইনসাইটস > নেটওয়ার্ক ডিপেন্ডেন্সি ট্রি ইনসাইট-এ এখন ডিবাগ উইথ এআই বোতাম রয়েছে যা আপনাকে এআই সহায়তা প্যানেলে নিয়ে যায়, যাতে আপনি জেমিনির সাহায্যে উক্ত ট্রি নিয়ে আলোচনা এবং ডিবাগ করতে পারেন।

'নেটওয়ার্ক ডিপেন্ডেন্সি ট্রি' ইনসাইট-এ 'এআই দিয়ে ডিবাগ' বোতাম যোগ করার আগে এবং পরে।

জেমিনির সাথে আপনার চ্যাটগুলি রপ্তানি করুন

আপনি এখন জেমিনির সাথে আপনার বর্তমান চ্যাট এক্সপোর্ট করতে পারেন অথবা উপরের অ্যাকশন বারে "কথোপকথন রপ্তানি করুন" বোতামে ক্লিক করে ক্লিপবোর্ডে এর প্রতিক্রিয়া অনুলিপি করতে পারেন অথবা চ্যাটে জেমিনির বার্তার নীচে "প্রতিক্রিয়া অনুলিপি করুন" বোতামে ক্লিক করে এর প্রতিক্রিয়া অনুলিপি করতে পারেন।

এআই সহায়তায় এক্সপোর্ট এবং কপি বোতাম যোগ করার আগে এবং পরে।

পারফরম্যান্স প্যানেলে স্থায়ী ট্র্যাক কনফিগারেশন

যখন আপনি পারফরম্যান্স প্যানেলে একটি রেকর্ড করা ট্র্যাক কনফিগার করেন, তখন DevTools এখন আপনার কনফিগারেশন সংরক্ষণ করে এবং যখন আপনি এটি আবার আমদানি করেন বা একটি নতুন রেকর্ড করেন তখন এটি প্রয়োগ করে।

IP সুরক্ষিত নেটওয়ার্ক অনুরোধগুলি ফিল্টার করুন

নেটওয়ার্ক প্যানেলে, আপনি এখন আইপি সুরক্ষা প্রক্সিতে পাঠানো অনুরোধগুলি ফিল্টার করতে পারেন।

নেটওয়ার্ক প্যানেলে 'আইপি সুরক্ষিত অনুরোধ' ফিল্টার যোগ করার আগে এবং পরে।

এলিমেন্টস > লেআউট ট্যাব রাজমিস্ত্রির লেআউট সাপোর্ট যোগ করে

আপনি এখন এলিমেন্টস > স্টাইলস ট্যাবে রাজমিস্ত্রির লেআউট পরিদর্শন করতে পারেন।

রাজমিস্ত্রির বিন্যাস হল এমন একটি বিন্যাস পদ্ধতি যেখানে একটি অক্ষ একটি সাধারণ কঠোর গ্রিড বিন্যাস ব্যবহার করে, প্রায়শই কলাম এবং অন্যটি একটি রাজমিস্ত্রির বিন্যাস।

এলিমেন্টস - লেআউটে রাজমিস্ত্রির লেআউট সাপোর্ট যোগ করার আগে এবং পরে।

বাতিঘর ১২.৮.২

লাইটহাউস প্যানেলটি এখন লাইটহাউস ১২.৮.২ সংস্করণে চলে।

এই সংস্করণে সবচেয়ে উল্লেখযোগ্যভাবে, লাইটহাউস CSS কাস্টম বৈশিষ্ট্যের সমস্যাগুলিকে তাদের নিজস্ব ত্রুটি বার্তাগুলিতে আলাদা করে।

পরিবর্তনগুলির সম্পূর্ণ তালিকাও দেখুন।

DevTools-এ Lighthouse প্যানেল ব্যবহারের মূল বিষয়গুলি জানতে, Lighthouse: ওয়েবসাইটের গতি অপ্টিমাইজ করুন দেখুন।

ক্রোমিয়াম সমস্যা: 40543651 ।

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

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

  • পারফরম্যান্স : রিকোয়েস্ট আইডল কলব্যাক ইভেন্টগুলিতে এখন timeout প্রপার্টি ( crbug.com/441679219 ) অন্তর্ভুক্ত রয়েছে।
  • অ্যাক্সেসিবিলিটি । স্ক্রিন রিডাররা এখন নিম্নলিখিতগুলি পড়বে:
    • 'এটি একটি নতুন বৈশিষ্ট্য' প্রচারিত কমান্ড মেনু আইটেমগুলির জন্য ( crbug.com/441485154 )।
    • কোড সমাপ্তির সারাংশ টুলবার ( crbug.com/433952045 )।
  • নেটওয়ার্ক : একটি নেটওয়ার্ক লগ আইটেমে ডান ক্লিক করলে এটি নির্বাচন করা হবে ( crbug.com/368510578 )।

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

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

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

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

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

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