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

সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।

Sofia Emelianova

কর্মক্ষমতা প্যানেল উন্নতি

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

পারফরম্যান্সে প্রোফাইল এবং ফাংশন কলের জন্য মূল এবং স্ক্রিপ্ট লিঙ্ক

পারফরম্যান্স > সারাংশ ট্যাব এখন আপনাকে প্রাসঙ্গিক স্ক্রিপ্টের লিঙ্ক দেখায় এবং প্রোফাইল এবং ফাংশন কলের জন্য উত্স দেখায়, তাই আপনাকে প্রধান ট্র্যাকের এই ইভেন্টগুলির উপর ঘুরতে হবে না।

অতিরিক্তভাবে, নেটওয়ার্ক এবং প্রধান ট্র্যাকগুলি এখন আপনি যখন ইভেন্টগুলির উপর হোভার করেন তখন টুলটিপে আপনাকে তৃতীয় পক্ষের নাম, যদি থাকে, দেখায়৷

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

'ফেজ দ্বারা LCP' ক্ষেত্রের তথ্য সমর্থন

ফিল্ড ডেটা চালু করার সাথে, পারফরম্যান্স > অন্তর্দৃষ্টি > ফেজ অন্তর্দৃষ্টি দ্বারা LCP এখন একটি অতিরিক্ত সারণীতে Chrome UX রিপোর্ট থেকে 75 তম পার্সেন্টাইল ইমেজ টাইমিং দেখায়, যাতে আপনি সরাসরি অন্তর্দৃষ্টিতে সময়গুলি তুলনা করতে পারেন৷

'নেটওয়ার্ক নির্ভরতা গাছ' অন্তর্দৃষ্টি

পারফরম্যান্স > অন্তর্দৃষ্টি ট্যাব তার সংগ্রহে নতুন নেটওয়ার্ক নির্ভরতা ট্রি অন্তর্দৃষ্টি যোগ করে। অন্তর্দৃষ্টি আপনাকে বলে যে আপনি সমালোচনামূলক অনুরোধগুলি চেইন করেছেন, যা সুপারিশ করা হয় না। অন্তর্দৃষ্টিতে তালিকাভুক্ত অনুরোধগুলিকে নেটওয়ার্ক ট্র্যাকে হাইলাইট করা দেখতে তাদের উপর হোভার করুন৷

আরও জানতে, সমালোচনামূলক অনুরোধগুলি চেইন করা এড়িয়ে চলুন দেখুন।

সবচেয়ে ভারী স্ট্যাক হাইলাইটিং

পারফরম্যান্স প্যানেল এখন প্রধান ট্র্যাকের আইটেমগুলিকে হাইলাইট করে যখন আপনি সেগুলিকে কল ট্রি বা বটম-আপ > সবচেয়ে ভারী স্ট্যাক সাইডবারে ঘোরাফেরা করেন এবং বাকিগুলিকে ম্লান করে দেন৷ এটি আপনাকে কল স্ট্যাকের মধ্যে নেস্টেড আইটেমগুলি দেখতে দেয় যা সবচেয়ে বেশি সময় নেয়।

এলিমেন্টে অ্যাক্সেসিবিলিটি ট্রি ভিউ

পূর্ণ-পৃষ্ঠা অ্যাক্সেসিবিলিটি ট্রি ভিউ এখন এলিমেন্টস প্যানেলে ডিফল্টরূপে চালু করা হয়েছে।

পূর্বে, আপনি এলিমেন্টস > অ্যাক্সেসিবিলিটি ট্যাবে একটি পৃথক অ্যাক্সেসিবিলিটি ট্রি ব্রাউজ করতে পারতেন। এখন আপনি এলিমেন্টস প্যানেলে DOM ট্রির উপরের ডানদিকের কোণায় অ্যাক্সেসিবিলিটি_নতুন অ্যাক্সেসিবিলিটি ট্রি ভিউ বোতামে ক্লিক করতে পারেন এবং DOM এবং পূর্ণ-পৃষ্ঠার অ্যাক্সেসিবিলিটি ট্রিগুলির মধ্যে সুইচ করতে পারেন, যাতে আপনি তাদের এবং তাদের সম্পর্ক সহজে অন্বেষণ করতে পারেন।

অ্যাক্সেসিবিলিটি ট্রি আপনাকে পরিদর্শন করতে দেয় কিভাবে সহায়ক প্রযুক্তি আপনার বিষয়বস্তু দেখে এবং আপনাকে ARIA বৈশিষ্ট্য এবং DOM নোডের গণনাকৃত অ্যাক্সেসিবিলিটি বৈশিষ্ট্য দেখায়। আরও জানতে, Chrome DevTools-এ সম্পূর্ণ অ্যাক্সেসিবিলিটি ট্রি দেখুন।

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

বিভিন্ন প্যানেলের জন্য খালি অবস্থা উন্নত করা হয়েছে

বিভিন্ন প্যানেল, বিভাগ এবং ট্যাবগুলির জন্য খালি অবস্থা (যখন কিছুই খোলা থাকে না) তাদের সাথে কাজ শুরু করার জন্য আপনাকে ঠিক কী করতে হবে তা জানাতে স্ট্রীমলাইন করা হয়েছে৷ কিছু খালি অবস্থা, উদাহরণস্বরূপ, নেটওয়ার্ক প্যানেলে, এখন প্রাসঙ্গিক সহায়ক বোতাম রয়েছে যেমন রিলোড পৃষ্ঠা ।

'এআই জিজ্ঞাসা করুন' বিকল্পটি মেনুর নীচে সরানো হয়েছে

Ask AI বিকল্পটি এখন শীর্ষে না হয়ে ড্রপ-ডাউন মেনুর নীচে রয়েছে।

crbug.com/364805393 এ AI সহায়তা প্যানেলে আপনার মতামত নির্দ্বিধায় জানান।

বাতিঘর 12.4.0

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

এই সংস্করণটি পাস করা অডিট বিভাগে কিছু লুকিয়ে রাখার পরিবর্তে পাস করার শর্তে কিছু পারফরম্যান্স অডিটকে তথ্যপূর্ণ হিসাবে চিহ্নিত করে। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

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

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

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

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

• পারফরম্যান্স > সারাংশ : দুটি মোট সময় এবং স্ব-সময় লাইনকে একটি এক-লাইন সময়কাল দিয়ে প্রতিস্থাপন করা হয়েছে যা বন্ধনীতে (self time) দেখায়, যদি থাকে ( crbug.com/395572753 )।
• সমস্যা : নতুন ইস্যু প্রকার যোগ করা হয়েছে: অ্যাক্সেসিবিলিটি ট্রিতে <select> সমস্যা এবং SRI মেসেজ স্বাক্ষর ত্রুটি যা নেটওয়ার্ক পরিষেবায় পার্সিং বা যাচাইকরণের সময় ঘটে ( crbug.com/381044049 , crbug.com/347890366 )।
• অ্যাক্সেসিবিলিটি : এলিমেন্টস > শৈলী ট্যাবটি এখন কিবোর্ড নেভিগেশন ( crbug.com/396311936 ) ব্যবহার করে আপনি যে উপাদানগুলির মধ্য দিয়ে যান তার রূপরেখা দেয়।
• উপাদান : <select> এর সমস্যাগুলি এখন সমর্থিত এবং একটি তরঙ্গায়িত আন্ডারলাইন ( crbug.com/378738916 ) দিয়ে হাইলাইট করা হয়েছে।
• নেটওয়ার্ক : 'ওভাররাইড ডট' এবং কুকি সতর্কীকরণ আইকনগুলি এখন ট্যাবের নামের ডানদিকে বাম দিকে দেখানো হয়েছে ( crbug.com/390556283 )৷

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

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

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

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

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

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

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