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

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

অবিরাম এআই চ্যাট ইতিহাস

AI সহায়তা প্যানেল এখন স্থানীয়ভাবে আপনার চ্যাট ইতিহাস সেশন জুড়ে বজায় রাখে, যাতে আপনি DevTools বা Chrome পুনরায় লোড করার পরেও জেমিনীর সাথে আপনার আগের কথোপকথনগুলি দেখতে পারেন।

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

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

ইমেজ বিতরণ অন্তর্দৃষ্টি

পারফরম্যান্স > অন্তর্দৃষ্টি ট্যাবটি এখন সেই ছবিগুলিকে হাইলাইট করতে পারে যার ফাইলের আকার আপনি অপ্টিমাইজ করতে পারেন৷ নেটওয়ার্ক ট্র্যাকে হাইলাইট করা একটি চিত্র দেখতে অন্তর্দৃষ্টিতে ক্লিক করুন৷

ইমেজ ডেলিভারি ইনসাইট সহ পারফরম্যান্স প্যানেল হাইলাইট করা হয়েছে।

কীভাবে ইমেজ ডেলিভারি অপ্টিমাইজ করা যায় সে সম্পর্কে আরও জানতে, ইমেজগুলিকে দক্ষতার সাথে এনকোড করুন দেখুন।

ক্লাসিক এবং আধুনিক কীবোর্ড নেভিগেশন

পারফরম্যান্স প্যানেল এখন আপনাকে নিম্নলিখিত প্রধান পার্থক্য সহ আপনার পছন্দের কীবোর্ড নেভিগেশন শৈলী বেছে নিতে দেয়:

  • ক্লাসিক : মাউস হুইল দিয়ে জুম করুন (টাচপ্যাড উপরে বা নিচে) এবং শিফট + মাউস হুইল দিয়ে উল্লম্ব স্ক্রোল করুন।
  • আধুনিক : মাউস হুইল সহ উল্লম্ব স্ক্রোল, শিফট + মাউস হুইল সহ অনুভূমিক স্ক্রোল এবং কমান্ড/কন্ট্রোল + মাউস হুইল দিয়ে জুম করুন।

আপনার পছন্দের শৈলী বেছে নিতে, প্যানেলের উপরের-ডান কোণে, ক্লিক করুন শর্টকাট দেখান এবং ক্লাসিক বা আধুনিক নির্বাচন করুন। শর্টকাট ডায়ালগ আপনাকে উপলব্ধ শর্টকাটগুলির একটি চিটশীট প্রদান করে।

পারফরম্যান্স প্যানেলের জন্য উপলব্ধ শর্টকাটগুলির সাথে শর্টকাট ডায়ালগ।

ফ্লেম চার্টে অপ্রাসঙ্গিক স্ক্রিপ্টগুলিকে উপেক্ষা করুন

আপনার কোডে আরও ভালোভাবে ফোকাস করার জন্য, আপনি এখন পারফরম্যান্স প্যানেলে তালিকা উপেক্ষা করতে অপ্রাসঙ্গিক স্ক্রিপ্ট যোগ করতে পারেন। প্যানেল স্বয়ংক্রিয়ভাবে অত্যধিক নেস্টিং ধসে পড়বে।

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

DevTools আপনি সেটিংস > উপেক্ষা তালিকাতে যোগ করা উপেক্ষা তালিকার নিয়মগুলি সংরক্ষণ করে এবং আপনি ইচ্ছামত ডায়ালগে সেগুলি চালু এবং বন্ধ করতে পারেন।

হোভারে টাইমলাইন মার্কার এবং ব্যাপ্তি হাইলাইটিং

পারফরম্যান্স ট্রেস আরও ভালভাবে বুঝতে আপনাকে সাহায্য করার জন্য, পারফরম্যান্স প্যানেল এখন নিম্নলিখিতগুলি করে:

  • আপনাকে একটি উল্লম্ব মার্কার দেখায় যা আপনি যখন টাইমলাইনে হোভার করেন তখন পুরো পারফরম্যান্স ট্রেসকে বিস্তৃত করে।
  • আপনি যখন প্রধান ট্র্যাকের আইটেমগুলির উপর হোভার করেন তখন টাইমলাইনে একটি পরিসর হাইলাইট করে৷

প্রস্তাবিত থ্রোটলিং সেটিংস

পারফরম্যান্স প্যানেল এখন লাইভ মেট্রিক্স এবং প্রাসঙ্গিক ক্যাপচার সেটিংস ড্রপ-ডাউন মেনু উভয় ক্ষেত্রেই থ্রটলিং সেটিংসের সুপারিশ করে।

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

প্রস্তাবিত CPU থ্রটলিং হল (এখনকার জন্য) সর্বাধিক ব্যবহৃত 4x slowdown এবং নেটওয়ার্ক সুপারিশটি Chrome UX রিপোর্ট ডেটার উপর ভিত্তি করে, যদি এটি লাইভ মেট্রিক্সে চালু থাকে

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

একটি ওভারলেতে সময় চিহ্নিতকারী

টাইমিং মার্কারগুলি টাইমিংস ট্র্যাক থেকে ট্রেসের নীচে সরানো হয়েছে এবং এখন সমস্ত ট্র্যাকের উপরে ওভারলেড করা হয়েছে এবং টাইমিং ট্র্যাক লুকানো থাকলেও দৃশ্যমান৷

মার্কারগুলিকে ট্রেসের নীচে সরানোর আগে এবং পরে।

টাইমিংস ট্র্যাক আপনার কাস্টম mark() এবং measure() কল ধরে রাখে।

সারাংশে জাভাস্ক্রিপ্ট কলের স্ট্যাক ট্রেস

পারফরম্যান্স > সারাংশ ট্যাবটি এখন আপনাকে জাভাস্ক্রিপ্ট কলের স্ট্যাক ট্রেস দেখায়, অ্যাসিঙ্ক সহ।

সারাংশ ট্যাবে স্ট্যাক ট্রেস যোগ করার আগে এবং পরে।

ব্যাজ সেটিংস এলিমেন্টের মেনুতে সরানো হয়েছে

এলিমেন্টস প্যানেলে ব্যাজ সেটিংস একটি লুকানো বাই ডিফল্ট অ্যাকশন বার থেকে সংশ্লিষ্ট ডান-ক্লিক মেনুতে সরানো হয়েছে।

ব্যাজ সেটিংস মেনুতে সরানোর আগে এবং পরে।

নতুন 'নতুন কী' প্যানেল

নতুন কী প্যানেলটি একটি নতুন চেহারা পায় যা Chrome-এর ডিজাইনকে আরও ঘনিষ্ঠভাবে অনুসরণ করে৷

'নতুন কী' প্যানেলের পুরোনো এবং নতুন চেহারা।

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

বাতিঘর 12.3.0

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

এই আপডেট যোগ করে, অন্যান্য জিনিসের মধ্যে, নতুন অডিট যা COOP এবং শক্তিশালী HSTS নীতির সাথে সঠিক উত্স বিচ্ছিন্নতা পরীক্ষা করে। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

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

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

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

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

  • উত্স : বিরাম দেওয়া হলে, ডিবাগার এখন অপ্রত্যাশিতভাবে পরিষেবা কর্মী প্রসঙ্গে স্যুইচ করে না যদি এটি বিরতির পরে তৈরি হয় ( 373893057 )।
  • কর্মক্ষমতা :
    • স্ক্রিপ্টের উপর হোভার করার পরে, শিখা চার্টে টুলটিপগুলি এখন URL দেখায়, যদি থাকে ( 368541957 )।
    • সারাংশ : পাই চার্ট একটি বার উপস্থাপনা দিয়ে প্রতিস্থাপিত হয়।
    • ক্যাপচার সেটিংসে এক্সটেনশন ডেটা চেকবক্সের নাম পরিবর্তন করে কাস্টম ট্র্যাক দেখান
    • অন্তর্দৃষ্টি ট্যাবে এখন একটি পাস করা অন্তর্দৃষ্টি (N) বিভাগ রয়েছে, যা ডিফল্টরূপে ভেঙে গেছে।
  • অ্যাপ্লিকেশন > স্টোরেজ : আপনি খালি কী দিয়ে স্টোরেজ এন্ট্রি তৈরি করতে পারেন কারণ সেগুলি প্রযুক্তিগতভাবে বৈধ ( 373703285 )।
  • ডিভাইস মোড এখন chrome:// পৃষ্ঠাগুলির জন্য অক্ষম করা হয়েছে ( 40186276 )৷
  • নেটওয়ার্ক :
    • সংশ্লিষ্ট সেটিং চালু হলে, একবার এক্সপোর্ট এইচএআর-এ ক্লিক করলে এখন দুটি বিকল্প (স্যানিটাইজড এবং সংবেদনশীল ডেটা সহ) একটি মেনু খোলে। পূর্বে, একটি দীর্ঘ-ক্লিক ( 378076279 ) দিয়ে মেনুটি খোলা হয়েছিল।
    • CURL হিসাবে অনুলিপি করুন এখন কুকি বাইপাস করতে -b বৈশিষ্ট্য ব্যবহার করে এবং -H 'cookie:...' ( 40791742 ) এর পরিবর্তে আরও পঠনযোগ্য হবে।
  • অ্যাক্সেসযোগ্যতা : আপনি এখন একটি প্রসঙ্গ মেনু ( 383164782 ) দিয়ে প্যানেলের বাম বা ডানদিকে ট্যাবগুলি সরাতে পারেন৷
  • নেটওয়ার্ক অনুরোধ ব্লক করা : এই কমান্ড মেনু সেটিং এখন সংশ্লিষ্ট চেকবক্সের সাথে সিঙ্ক করা হয়েছে ( 378058733 )।

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

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

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

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

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

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

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