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

Sofia Emelianova

জেমিনি দিয়ে নেটওয়ার্ক অনুরোধ, সোর্স ফাইল এবং পারফরম্যান্স ট্রেস ডিবাগ করুন

CSS স্টাইলিং ছাড়াও, আপনি এখন নেটওয়ার্ক অনুরোধ, সোর্স ফাইল এবং পারফরম্যান্স ট্রেস সম্পর্কে জেমিনির সাথে চ্যাট করতে পারেন।

এলিমেন্টস প্যানেলের প্রসঙ্গ মেনুর মতো, এআই সহায়তা প্যানেল খুলতে এবং জেমিনীর সাথে চ্যাট শুরু করতে, হয় ডান-ক্লিক করুন এবং এআইকে জিজ্ঞাসা করুন বা ক্লিক করুননিম্নলিখিতগুলির পাশে AI বোতামটি জিজ্ঞাসা করুন :

• নেটওয়ার্ক প্যানেলে একটি নেটওয়ার্ক অনুরোধ৷
• উৎস > পৃষ্ঠা ট্যাবে একটি ফাইল।
• পারফরম্যান্স > প্রধান ট্র্যাকের একটি কার্যকলাপ।

মিথুন বেছে নেওয়া অনুরোধ, ফাইল বা কার্যকলাপের প্রসঙ্গ বিবেচনা করবে।

DevTools টিম crbug.com/364805393 এ আপনার প্রতিক্রিয়া শোনার জন্য অপেক্ষা করছে।

এআই চ্যাটের ইতিহাস

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

আপনার পূর্ববর্তী চ্যাটগুলির একটি দেখতে, ইতিহাস ইতিহাস বোতামের অধীনে ড্রপ-ডাউন মেনু থেকে সংশ্লিষ্ট প্রম্পটটি নির্বাচন করুন৷ DevTools খোলা থাকাকালীন AI সহায়তা প্যানেল আপনার চ্যাটের ইতিহাস মনে রাখবে।

অ্যাপ্লিকেশান > স্টোরেজ এ এক্সটেনশন স্টোরেজ পরিচালনা করুন

স্থানীয় এবং সেশন স্টোরেজের মতো, আপনি এখন অ্যাপ্লিকেশন > স্টোরেজ বিভাগে এক্সটেনশন স্টোরেজ এন্ট্রি দেখতে এবং পরিবর্তন করতে পারেন।

ক্রোমিয়াম সমস্যা: crbug.com/40963428 ।

কর্মক্ষমতা উন্নতি

এই সংস্করণটি পারফরম্যান্স প্যানেলে অনেক উন্নতি এনেছে।

লাইভ মেট্রিক্সে মিথস্ক্রিয়া পর্যায়গুলি

আপনি এখন পারফরম্যান্স লাইভ মেট্রিক্সে ইন্টারঅ্যাকশনগুলি প্রসারিত করতে পারেন পর্যায়গুলির একটি ভাঙ্গন এবং তাদের সময়গুলি দেখতে৷

The Web Vitals এক্সটেনশনে যেমন যোগাযোগ করা হয়েছে, এখন DevTools-এ , এই বৈশিষ্ট্যগুলির প্রকাশ ওয়েব ভাইটালস এক্সটেনশনের সমর্থনের সমাপ্তি চিহ্নিত করে৷

ক্রোমিয়াম সমস্যা: crbug.com/369097528 ।

সারাংশ ট্যাবে ব্লকিং তথ্য রেন্ডার করুন

আপনি যখন পারফরম্যান্স > নেটওয়ার্ক ট্র্যাকে একটি লাল ত্রিভুজ দিয়ে চিহ্নিত একটি নেটওয়ার্ক অনুরোধ নির্বাচন করেন, তখন (রিফ্যাক্টর করা) টুলটিপ ছাড়াও সারাংশ ট্যাবটি এখন আপনাকে বলে যে অনুরোধটি রেন্ডার-ব্লকিং।

scheduler.postTask ইভেন্ট এবং তাদের সূচনাকারী তীরগুলির জন্য সমর্থন

পারফরম্যান্স > প্রধান ট্র্যাক এখন scheduler.postTask() ইভেন্ট এবং এর মধ্যে নিম্নলিখিত ইনিশিয়েটর তীর দেখায়:

• Schedule postTask -> Fire postTask
• Schedule postTask -> Abort postTask

ক্রোমিয়াম সমস্যা: crbug.com/40775984 ।

অ্যানিমেশন প্যানেল এবং উপাদান > শৈলী ট্যাবের উন্নতি

এই সংস্করণটি অ্যানিমেশন প্যানেল এবং উপাদান > শৈলী ট্যাবে কয়েকটি উন্নতি এনেছে।

এলিমেন্টস > স্টাইল থেকে অ্যানিমেশনে যান

এলিমেন্টস > শৈলী ট্যাবটি এখন animation বৈশিষ্ট্যের মানের পাশে অ্যানিমেশন জাম্প টু অ্যানিমেশন প্যানেল আইকন রাখে, যাতে আপনি সহজেই সেখানে অ্যানিমেশনগুলি পরীক্ষা করতে পারেন।

কম্পিউটেড ট্যাবে রিয়েল-টাইম আপডেট

এলিমেন্টস > কম্পিউটেড ট্যাব এখন কম্পিউটেড মানগুলিকে রিয়েল-টাইমে আপডেট করে যখন, উদাহরণস্বরূপ, অ্যানিমেশনগুলি তাদের আপডেট করে।

সেন্সরে চাপ অনুকরণ গণনা

সেন্সর প্যানেল এখন আপনাকে Nominal , Fair , Serious , এবং Critical CPU চাপ অনুকরণ করতে দেয়।

ক্রোমিয়াম সমস্যা: crbug.com/362277525 ।

মেমরি প্যানেলে উত্স অনুসারে গোষ্ঠীবদ্ধ একই নামের JS অবজেক্ট

মেমরি প্যানেল এখন একই নামের JS অবজেক্টের মধ্যে পার্থক্য করে যা বিভিন্ন উৎস থেকে আসে এবং সেগুলিকে অনুরূপভাবে গ্রুপ করে।

ক্রোমিয়াম সমস্যা: crbug.com/357902505 ।

সেটিংসের জন্য একটি নতুন চেহারা

ইউজার ইন্টারফেস ডিজাইনকে আরও ভালোভাবে সারিবদ্ধ করতে, DevTools সেটিংস এখন Chrome সেটিংসের কাছাকাছি নজর রাখছে। বিশেষ করে, বিভাগগুলি এখন দৃশ্যত "কার্ড" এ বিভক্ত করা হয়েছে।

পারফরম্যান্সের অন্তর্দৃষ্টি প্যানেল অবমুক্ত করা হয়েছে এবং DevTools থেকে সরিয়ে দেওয়া হয়েছে

পারফরম্যান্স ইনসাইট প্যানেল থেকে সমস্ত গুরুত্বপূর্ণ এবং দরকারী বৈশিষ্ট্যগুলি এখন পারফরম্যান্স প্যানেলে একটি নতুন বাড়ি খুঁজে পেয়েছে, বিশেষ করে লাইভ মেট্রিক্স , ইনসাইটস সাইডবার ট্যাব এবং লেআউট শিফট ট্র্যাকে ৷ তাই, এই ভার্সনটি DevTools থেকে পারফরম্যান্স ইনসাইট প্যানেলকে অবমূল্যায়ন করে এবং সরিয়ে দেয়।

এই প্যানেলের অবচয় এবং সামগ্রিক পারফরম্যান্স ডিবাগিং অভিজ্ঞতার বিষয়ে আপনি যে প্রতিক্রিয়া দিয়েছেন তার জন্য DevTools টিম কৃতজ্ঞ। বরাবরের মতো, আমরা আপনার চিন্তাভাবনা শুনতে এবং আপনার দৃষ্টিভঙ্গি সম্পর্কে শিখতে পছন্দ করি। তাদের আসা রাখা!

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

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

• কর্মক্ষমতা :
  • অনুসন্ধান প্রশ্নের জন্য 3 অক্ষরের একটি অপ্রয়োজনীয় সীমা সরানো হয়েছে৷
  • হোম হোম বোতাম যোগ করা হয়েছে যা আপনাকে লাইভ মেট্রিক্স স্ক্রিনে ফিরিয়ে নিয়ে যায়।
  • পূর্বে ভাঙা Shift + S / W ট্রেস জুম শর্টকাটগুলি ঠিক করা হয়েছে৷
• উপাদান > শৈলী :
  • স্বয়ংসম্পূর্ণ 341991541- এ অ্যাঙ্কর-সেন্টার যোগ করা হয়েছে।
  • 2-শব্দের মান 341964645 এর জন্য উপলব্ধ নয় ফ্লেক্সবক্স সম্পাদক সহ একটি বাগ সংশোধন করা হয়েছে।
• নেটওয়ার্ক : প্রিফেচ ব্যর্থতাগুলি এখন হলুদ সতর্কতা বা লাল ত্রুটিগুলি চিহ্নিত করার জন্য যে বিষয়বস্তু প্রদর্শন প্রভাবিত হয় না 372055494 ৷

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

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

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

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

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

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

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