DevTools এ নতুন কি আছে (Chrome 113)

নেটওয়ার্ক প্রতিক্রিয়া শিরোনাম ওভাররাইড করুন

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

রেসপন্স হেডার ওভাররাইডের সাথে, আপনি স্থানীয়ভাবে বিভিন্ন হেডারের জন্য প্রোটোটাইপ ফিক্স করতে পারেন, যার মধ্যে কিন্তু সীমাবদ্ধ নয়:

একটি হেডার ওভাররাইড করতে, নেটওয়ার্ক > হেডার > রেসপন্স হেডারে নেভিগেট করুন, হেডারের মানের উপর হোভার করুন, ক্লিক করুন সম্পাদনা করুন। এবং এটি সম্পাদনা করুন।

একটি হেডার ওভাররাইড দ্বারা CORS ত্রুটি সংশোধন করা হয়েছে৷

আপনি কাস্টম শিরোনাম যোগ করতে পারেন.

একটি কাস্টম হেডার যোগ করা হচ্ছে।

একক স্থানে সমস্ত ওভাররাইড সম্পাদনা করতে, .headers ফাইলটি Sources > Overrides এ সম্পাদনা করুন। সেখানে, আপনি ওয়াইল্ডকার্ড ( * ) ব্যবহার করে একাধিক অনুরোধ ওভাররাইড করতে ওভাররাইড নিয়ম যোগ করুন ক্লিক করতে পারেন।

সম্পাদনা সব ওভাররাইড করে।

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

Nuxt, Vite, এবং রোলআপ ডিবাগিং উন্নতি

ডিবাগিংয়ের সময় সমস্যাগুলি দ্রুত চিহ্নিত করতে আপনাকে সাহায্য করার জন্য, উন্নত স্ট্যাক ট্রেস এখন ফ্রেমগুলিকে লুকিয়ে রাখে যা Nuxt 3.3 বা তার পরে উত্পন্ন উত্স থেকে আসে৷ DevTools এই ধরনের ফ্রেম এড়িয়ে যায়:

  • কনসোল ট্রেসে, দেখান N আরও ফ্রেম লিঙ্কের অধীনে।
  • সূত্রে > কল স্ট্যাক , অধীনে চেকবক্স। উপেক্ষা-তালিকাভুক্ত ফ্রেমগুলি দেখান

তৃতীয় পক্ষ উপেক্ষা-তালিকা সক্ষম করার আগে এবং পরে স্ট্যাক ট্রেস।

আপনার জন্য এই উন্নতিগুলি আনতে, DevTools, Nuxt, Vite, এবং Rollup টিমগুলি x_google_ignoreList সোর্স ম্যাপ এক্সটেনশন গ্রহণ করতে সহযোগিতা করেছে:

DevTools টিম এটি সম্ভব করার জন্য Nuxt, Vite এবং Rollup টিমের প্রতি কৃতজ্ঞতা প্রকাশ করতে চাই। আমরা আপনার প্রচেষ্টা এবং সহযোগিতার প্রশংসা করি, যা এই বাস্তবায়নের সাফল্যের জন্য অপরিহার্য ছিল। আপনার অবদানের জন্য আপনাকে আবার ধন্যবাদ!

উপাদান > শৈলীতে CSS উন্নতি

অবৈধ CSS বৈশিষ্ট্য এবং মান

আপনাকে দ্রুত CSS সমস্যাগুলি নির্ণয় করতে সাহায্য করার জন্য, শৈলী ফলকটি এখন অতিক্রম করে:

  • একটি সম্পূর্ণ CSS ঘোষণা (সম্পত্তি এবং মান) যখন CSS সম্পত্তি অবৈধ হয়
  • শুধুমাত্র মান যখন CSS প্রপার্টি বৈধ কিন্তু মানটি অবৈধ।

অবৈধ সম্পত্তি নাম এবং অবৈধ সম্পত্তি মান.

DevTools টিম এই উন্নতির জন্য Yisi(一丝) কে কৃতজ্ঞতা জানাতে চাই।

অ্যানিমেশন শর্টহ্যান্ড সম্পত্তির মূল ফ্রেমের লিঙ্ক

animation শর্টহ্যান্ড CSS সম্পত্তিতে এখন সংশ্লিষ্ট @keyframes at-rules- এর লিঙ্ক রয়েছে, যাতে আপনি দ্রুত শৈলী প্যানে নেভিগেট করতে পারেন।

অ্যানিমেশন শর্টহ্যান্ড সম্পত্তির মূল ফ্রেমের লিঙ্ক।

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

নতুন কনসোল সেটিং: এন্টারে স্বয়ংসম্পূর্ণ

পূর্ববর্তী সংস্করণ (112) দিয়ে শুরু করে, আপনি যখন Enter টিপুন তখন একটি স্বয়ংসম্পূর্ণ প্রস্তাবনা প্রয়োগ করতে আপনি DevTools কনসোল কনফিগার করতে পারেন।

ডিফল্টরূপে, একটি স্বয়ংসম্পূর্ণ পরামর্শ গ্রহণ করতে, আপনি Tab বা Arrow right টিপুন। Enter দিয়ে স্বয়ংসম্পূর্ণ করতে, সক্ষম করুন সেটিংস। সেটিংস > কনসোল > চেকবক্স। এন্টারে স্বয়ংসম্পূর্ণ পরামর্শ গ্রহণ করুন

সেটিংসে সংশ্লিষ্ট চেকবক্স।

উপরন্তু, অন্য সেটিং এর পাঠ্য এখন আরো ব্যবহারকারী-বান্ধব: চেকবক্স। কোড মূল্যায়নকে ব্যবহারকারীর ক্রিয়া হিসাবে বিবেচনা করুন

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

কমান্ড মেনু লিখিত ফাইলের উপর জোর দেয়

কমান্ড মেনুতে দ্রুত খোলা ডায়ালগ এখন উপেক্ষা-তালিকাভুক্ত তৃতীয় পক্ষের ফাইলগুলিকে ধূসর করে দেয় যাতে আপনার লেখা ফাইলগুলিতে আরও জোর দেওয়া যায়।

পরিবর্তনের আগে এবং পরে দ্রুত খোলা ডায়ালগে একটি উপেক্ষা-তালিকাভুক্ত স্ক্রিপ্ট।

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

জাভাস্ক্রিপ্ট প্রোফাইলার অবচয়: দ্বিতীয় পর্যায়

Chrome 58- এর প্রথম দিকে, DevTools টিম অবশেষে JavaScript প্রোফাইলারকে অবমূল্যায়ন করার পরিকল্পনা করেছিল এবং Node.js এবং Deno বিকাশকারীরা JavaScript CPU কর্মক্ষমতা প্রোফাইল করার জন্য পারফরম্যান্স প্যানেল ব্যবহার করে।

DevTools সংস্করণ 113 চার-ফেজের JavaScript প্রোফাইলার অবচয়নের দ্বিতীয় ধাপ শুরু করে। এই পর্যায়ে, আপনি এখনও প্যানেল খুলতে পারেন কিন্তু এর UI আর উপলব্ধ নেই।

CPU কর্মক্ষমতা প্রোফাইল করতে, পারফরম্যান্স প্যানেলে যান ক্লিক করুন।

জাভাস্ক্রিপ্ট প্রোফাইলার অবচয়।

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

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

এই রিলিজে কিছু উল্লেখযোগ্য সমাধান হল:

  • ভুলভাবে ইউনিকোড অক্ষর সহ ভেরিয়েবল নামগুলি পরিচালনা করতে উত্স প্যানেলে সুন্দর-মুদ্রণের কারণে একটি বাগ সংশোধন করা হয়েছে ( 1425055 )।
  • ইস্যু ট্যাবটি অ-মানক HTML মান ( 1399414 ) সম্পর্কিত অটোফিল সমস্যার জন্য একটি নতুন বার্তা যুক্ত করেছে৷

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

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

Chrome DevTools টিমের সাথে যোগাযোগ করা হচ্ছে

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

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

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

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