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

Sofia Emelianova

মিথুন দিয়ে আরও অন্তর্দৃষ্টি ডিবাগ করুন

পারফরম্যান্স > ইনসাইটসে , আপনি এখন এআই সহায়তা প্যানেলে জেমিনীর সাথে চ্যাট করতে এবং ডিবাগ করতে AI দিয়ে ডিবাগ (আগে জিজ্ঞাসা করুন ) ক্লিক করতে পারেন আরও কর্মক্ষমতা অন্তর্দৃষ্টি:

• ইমেজ ডেলিভারি উন্নত করুন
• লিগ্যাসি জাভাস্ক্রিপ্ট
• সদৃশ জাভাস্ক্রিপ্ট
• আধুনিক HTTP

'নেটওয়ার্ক কন্ডিশনে' 'সেভ-ডেটা' হেডার অনুকরণ করুন

নেটওয়ার্ক কন্ডিশন প্যানেলে, আপনি এখন Save-Data রিকোয়েস্ট হেডারের আচরণ অনুকরণ করতে পারেন। এই শিরোনামটি একটি নেটওয়ার্ক ক্লায়েন্ট ইঙ্গিত যা ক্লায়েন্টের কম ডেটা ব্যবহারের জন্য পছন্দ নির্দেশ করে। এটি navigator.connection.saveData API-এর মাধ্যমেও উপলব্ধ।

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

একটি CSS প্রপার্টি টুলটিপে বেসলাইন স্ট্যাটাস দেখুন

এলিমেন্টস > শৈলীতে , আপনি যখন কোনো সিএসএস প্রপার্টির উপর হোভার করেন, আপনি এখন প্রপার্টির সংজ্ঞার অধীনে, বেসলাইন স্ট্যাটাস অনুযায়ী প্রধান ব্রাউজার জুড়ে এর প্রাপ্যতা দেখতে পাবেন।

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

ব্যবহারকারী এজেন্ট ক্লায়েন্ট ইঙ্গিতগুলিতে ফর্ম ফ্যাক্টর ওভাররাইড করুন

নেটওয়ার্ক অবস্থা > ব্যবহারকারী এজেন্ট ক্লায়েন্ট ইঙ্গিত ড্রপ-ডাউনে, আপনার কাছে এখন ফর্ম ফ্যাক্টর ওভাররাইড করার বিকল্প আছে, বিশেষ করে, Sec-CH-UA-Form-Factors অনুরোধ শিরোনামের মান।

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

বাতিঘর 12.8.0

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

সবচেয়ে উল্লেখযোগ্যভাবে এই সংস্করণে, লাইটহাউস একটি নতুন প্রতিবেদন যোগ করেছে: বিশ্বস্ত প্রকারের সাথে DOM-ভিত্তিক XSS প্রশমিত করুন।

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

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

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

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

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

• এআই সহায়তা :
  • আপনি সেটিংসে সংশ্লিষ্ট AI বৈশিষ্ট্যটি নিষ্ক্রিয় করলে চ্যাট ইতিহাস এখন সাফ হয়ে যায়।
  • অ্যাক্সেসযোগ্যতা : স্ক্রীন রিডাররা এখন প্রসঙ্গ শিরোনাম তাড়াতাড়ি ঘোষণা করে, উত্তর স্ট্রিমিং শুরু হলে "উত্তর লোড হচ্ছে" এবং উত্তর সম্পূর্ণ হলে "উত্তর প্রস্তুত"।
• উপাদান :
  • স্টাইল ট্যাবটি এখন sibling-index() , sibling-count() , এবং env() CSS ফাংশন ( crbug.com/417128001 , crbug.com/40196710 ) মূল্যায়ন করতে পারে।
  • ::view-transition-group-children pseudo element ( crbug.com/425901164 ) এর জন্য সমর্থন যোগ করা হয়েছে।
  • <summary> উপাদানে ( crbug.com/427172874 ) ইন্টারেক্টিভ বিষয়বস্তু সম্পর্কে অ্যাক্সেসযোগ্যতার সমস্যাগুলির জন্য সমর্থন যোগ করা হয়েছে।
  • কম্পিউটেড ট্যাব থেকে, আপনি এখন শৈলী ( crbug.com/41486012 ) এ লংহ্যান্ড বৈশিষ্ট্যগুলিতে নেভিগেট করতে পারেন।
  • ইজিং, কালার এডিটর: আপনি এখন কীবোর্ড ( crbug.com/401213421 ) ব্যবহার করে অ্যানিমেশন ট্রানজিশন এবং কালার সোয়াচের জন্য বেজিয়ার সোয়াচের সাথে ইন্টারঅ্যাক্ট করতে পারেন।
• নেটওয়ার্ক : HAR ফাইল আমদানিতে এখন অনুরোধ এবং প্রতিক্রিয়া কুকিজ ( crbug.com/432995868 ) অন্তর্ভুক্ত।
• ডিভাইস মোড : অ্যাপল ডিভাইসের জন্য ব্যবহারকারী এজেন্টদের সর্বশেষ Safari 18.5-এ আপডেট করা হয়েছে।

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

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

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

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

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

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

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