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

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

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

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

'নেটওয়ার্ক নির্ভরতা ট্রি' অন্তর্দৃষ্টিতে পূর্ব-সংযুক্ত উত্স

পারফরম্যান্স > অন্তর্দৃষ্টি > নেটওয়ার্ক নির্ভরতা ট্রি অন্তর্দৃষ্টি এখন আপনাকে ব্যবহৃত বা অব্যবহৃত প্রাক-সংযুক্ত মূল এবং পূর্ব-সংযুক্ত প্রার্থীদের একটি তালিকা দেখায়, যদি থাকে।

প্রি-কানেক্ট ইঙ্গিতগুলি আপনার সাইটকে গুরুত্বপূর্ণ তৃতীয় পক্ষের উত্সের সাথে প্রাথমিক সংযোগ স্থাপন করতে এবং পৃষ্ঠা লোডের গতি উন্নত করতে দেয়।

'নেটওয়ার্ক নির্ভরতা ট্রি' অন্তর্দৃষ্টিতে পূর্ব-সংযুক্ত উত্স এবং প্রার্থী যোগ করার আগে এবং পরে।

আরও তথ্যের জন্য, প্রয়োজনীয় উত্সের সাথে পূর্ব সংযোগ দেখুন।

'ডকুমেন্ট রিকোয়েস্ট লেটেন্সি' অন্তর্দৃষ্টিতে সার্ভারের প্রতিক্রিয়া এবং পুনঃনির্দেশের সময়

পারফরম্যান্স > ইনসাইটস > ডকুমেন্ট রিকোয়েস্ট লেটেন্সি ইনসাইট এখন আপনাকে সার্ভার রেসপন্স টাইম এবং, যদি থাকে, নম্বর বা রিডাইরেক্ট এবং রিডাইরেক্ট সময় দেখায়।

'ডকুমেন্ট রিকোয়েস্ট লেটেন্সি' অন্তর্দৃষ্টিতে পুনঃনির্দেশ এবং সার্ভারের প্রতিক্রিয়ার সময় যোগ করার আগে এবং পরে।

নেটওয়ার্ক অনুরোধের সারাংশে পুনঃনির্দেশ

পারফরম্যান্স প্যানেল এখন নেটওয়ার্ক অনুরোধের সারাংশে এবং তাদের টুলটিপগুলিতে পুনঃনির্দেশিত URLগুলি দেখায়৷

নেটওয়ার্ক অনুরোধের সারাংশ এবং টুলটিপগুলিতে পুনঃনির্দেশ URL যোগ করার আগে এবং পরে৷

ক্রোমিয়াম সমস্যা: 402353313

কর্মক্ষমতা ট্রেস মধ্যে শব্দ হ্রাস

পারফরম্যান্স প্যানেল এখন v8 JavaScript ইঞ্জিনের compile বিভাগ থেকে ইভেন্টগুলি দেখাবে না। পূর্বে, এই ইভেন্টগুলি প্রচুর অপ্রয়োজনীয় ওভারহেড এবং গোলমালের সৃষ্টি করে, বিশেষ করে compile code ইভেন্ট।

কর্মক্ষমতা ট্রেস থেকে 'সংকলন কোড' ইভেন্টগুলি সরানোর আগে এবং পরে।

আপনি যদি লক্ষ্য করেন যে আপনার জন্য গুরুত্বপূর্ণ কিছু ইভেন্ট এখন অনুপস্থিত, তাহলে নির্দ্বিধায় crbug.com/414330508- এ আপনার প্রতিক্রিয়া জানান।

অপ্রচলিত 'জাভাস্ক্রিপ্ট নমুনা অক্ষম করুন'

পারফর্মেস > ক্যাপচার সেটিংসে জাভাস্ক্রিপ্ট নমুনা নিষ্ক্রিয় করার বিকল্পটি বিরল উপযোগিতা এবং কম ব্যবহারের কারণে অপসারিত এবং সরানো হয়েছে।

'ক্যাপচার সেটিংস' থেকে 'জাভাস্ক্রিপ্ট নমুনা নিষ্ক্রিয় করুন' বিকল্পটি সরানোর আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 414734883

সেন্সরে ভূ-অবস্থান নির্ভুলতা পরামিতি

সেন্সর প্যানেল এখন আপনাকে ভূ-অবস্থান অনুকরণে নির্ভুলতা সেট করতে দেয়। এইভাবে, আপনি GPS নির্ভুলতার বিভিন্ন স্তরের পরিচালনা পরীক্ষা করতে পারেন।

সেন্সর প্যানেলে জিওলোকেশন এমুলেশনে 'নির্ভুলতা' প্যারামিটার যোগ করার আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 40074843

উপাদান প্যানেল উন্নতি

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

জটিল CSS মান সহজে ডিবাগ করুন

জটিল CSS মানগুলি ডিবাগ করতে সাহায্য করার জন্য, এলিমেন্টস > শৈলী ট্যাব এখন আপনাকে হোভারে একটি টুলটিপে দেখায়:

  • CSS ভেরিয়েবলের সম্পূর্ণ সংজ্ঞা চেইন, যাতে আপনাকে একাধিক লিঙ্কের মাধ্যমে ক্লিক করতে হবে না।
  • জটিল CSS গণনার একটি ধাপে ধাপে মূল্যায়ন, যাতে আপনি আরও দক্ষতার সাথে বাগগুলি শনাক্ত করতে পারেন এবং কীভাবে একটি মান গণনা করা হয় সে সম্পর্কে গভীরভাবে উপলব্ধি করতে পারেন।

টুলটিপ একাধিক লাইনে সংজ্ঞা চেইন দেখায়, প্রতিটি সংজ্ঞার জন্য একটি, এবং আপনি জটিল গণনা প্রসারিত করতে পারেন এবং গণনা করা মানটিকে তার প্রাথমিক অভিব্যক্তিতে হাইলাইট করতে এবং ট্রেস করতে মানগুলির উপর হোভার করতে পারেন।

সংজ্ঞা চেইন এবং প্রসারণযোগ্য জটিল গণনা সহ একটি টুলটিপ যোগ করার আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 396080529

উপাদান > শৈলীতে @function সমর্থন

Chrome-এ @function সমর্থনের জন্য প্রস্তুতির জন্য, Elements > Styles ট্যাবটি এখন আপনার কাস্টম ফাংশনের নামগুলিকে একটি ডেডিকেটেড বিভাগে তাদের সংজ্ঞার সাথে লিঙ্ক করে।

আপনার কাস্টম ফাংশনের নাম সংশ্লিষ্ট বিভাগে লিঙ্ক করার আগে এবং পরে।

নেটওয়ার্ক প্যানেলের উন্নতি

এই সংস্করণটি নেটওয়ার্ক প্যানেলে বেশ কিছু উন্নতি এনেছে।

has-request-header ফিল্টার

নেটওয়ার্ক প্যানেল এখন has-request-header ফিল্টার সমর্থন করে যা আপনাকে একটি নির্দিষ্ট অনুরোধ শিরোনামের নাম দ্বারা ফিল্টার করতে দেয়।

নেটওয়ার্ক প্যানেলে 'has-request-header' ফিল্টার যোগ করার আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 397481040

বিচ্ছিন্ন ওয়েব অ্যাপে সরাসরি সকেট

নেটওয়ার্ক প্যানেলে, আপনি এখন TCPSocket, UDPSocket (বাউন্ড মোডে), UDPSocket (সংযুক্ত মোডে) এর মাধ্যমে Isolated Web Apps (IWAs) এর ট্র্যাফিক নিরীক্ষণ করতে পারেন।

এটি করার জন্য, টেবিলে নিয়মিত অনুরোধের পাশে একটি directscoket সংযোগ নির্বাচন করুন এবং বার্তা ট্যাবে একটি বার্তা নির্বাচন করুন।

নেটওয়ার্ক প্যানেলে IWA-তে সরাসরি সকেটের সমর্থন যোগ করার আগে এবং পরে।

Isolated Web Apps (IWAs) ওয়েব অ্যাপ্লিকেশনের জন্য একটি উচ্চ-বিশ্বাসের নিরাপত্তা মডেল প্রদান করে। আরও তথ্যের জন্য, Isolated Web Apps এর সাথে শুরু করা দেখুন এবং সরাসরি সকেট API প্রয়োগ করে এমন ডেমো অ্যাপটি দেখুন।

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

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

  • অ্যাপ্লিকেশন > স্টোরেজ : অপসারিত ওয়েব এসকিউএল অপশন ( crbug.com/412707590 ) সরানো হয়েছে।
  • উপাদান :
  • নেটওয়ার্ক : Referrer-Policy HTTP শিরোনামটি Copy as fetch অপশন থেকে সরানো হয়েছে কারণ এটি ব্রাউজারের আচরণ নিয়ন্ত্রণ করার জন্য একটি প্রতিক্রিয়া শিরোনাম, ক্লায়েন্ট-সাইড নির্দেশনা নয় ( crbug.com/413904896 )।
  • কর্মক্ষমতা : কর্মী থ্রেডগুলি থেকে 'লং টাস্ক' সতর্কতাগুলি সরানো হয়েছে কারণ তারা প্রধান থ্রেডগুলিকে ব্লক করে না ( crbug.com/40248589 )।
  • সমস্যা এখন রিপোর্ট:
    • ব্যবহারকারীদের ট্র্যাকিং সন্দেহজনক কোনো সংস্থান ব্লক করা হয়.
    • বাউন্স ট্র্যাকিং প্রশমন নির্বিশেষে তারা পুনঃনির্দেশের সময় সঞ্চয়স্থান অ্যাক্সেস করে বা না করে।
  • অ্যাক্সেসযোগ্যতা উপাদান > শৈলীতে নিম্নলিখিত উপাদানগুলি এখন কীবোর্ড-ফোকাসযোগ্য:

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

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

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

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

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

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

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