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

Sofia Emelianova

স্থায়ী এআই চ্যাট ইতিহাস

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

পারফর্মেন্স প্যানেলের উন্নতি

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

ছবি বিতরণের অন্তর্দৃষ্টি

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

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

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

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

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

আপনার পছন্দের স্টাইলটি বেছে নিতে, প্যানেলের উপরের ডানদিকে, "help Show shortcuts" এ ক্লিক করুন এবং "Classic " অথবা "Modern" নির্বাচন করুন। শর্টকাট ডায়ালগটি আপনাকে উপলব্ধ শর্টকাটগুলির একটি চিটশিটও প্রদান করে।

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

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

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

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

হোভারে টাইমলাইন মার্কার এবং রেঞ্জ হাইলাইট করা হচ্ছে

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

• টাইমলাইনের উপর কার্সার রাখলে আপনাকে একটি উল্লম্ব মার্কার দেখায় যা সম্পূর্ণ পারফর্ম্যান্স ট্রেস জুড়ে বিস্তৃত।
• যখন আপনি মূল ট্র্যাকের আইটেমগুলির উপর কার্সার রাখেন তখন টাইমলাইনে একটি পরিসর হাইলাইট করে।

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

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

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

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

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

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

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

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

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

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

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

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

নতুন কী প্যানেলটি একটি নতুন চেহারা পেয়েছে যা ক্রোমের নকশাকে আরও ঘনিষ্ঠভাবে অনুসরণ করে।

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

বাতিঘর ১২.৩.০

লাইটহাউস প্যানেলটি এখন লাইটহাউস ১২.৩.০ চালিত।

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

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

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

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

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

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

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

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

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

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

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

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

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