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

Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

বাতিঘর 12.8.2

Lighthouse প্যানেল এখন Lighthouse 12.8.2 চালায়।

সবচেয়ে উল্লেখযোগ্যভাবে এই সংস্করণে, লাইটহাউস 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 সম্পর্কিত অন্য কিছু নিয়ে আলোচনা করতে নিম্নলিখিত বিকল্পগুলি ব্যবহার করুন৷

• crbug.com এ আমাদের কাছে প্রতিক্রিয়া এবং বৈশিষ্ট্যের অনুরোধ জমা দিন।
• more_vert আরও বিকল্প > সাহায্য > DevTools-এ একটি DevTools সমস্যা রিপোর্ট করুন ব্যবহার করে একটি DevTools সমস্যা রিপোর্ট করুন ।
• @ChromeDevTools- এ টুইট করুন।
• DevTools YouTube ভিডিও বা DevTools টিপস YouTube ভিডিওগুলিতে নতুন কী আছে সে সম্পর্কে মন্তব্য করুন৷

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

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