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

Sofia Emelianova

Jecelyn Yeen

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

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

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

• ক্রস-অরিজিন রিসোর্স শেয়ারিং (CORS) হেডার
• অনুমতি-নীতি শিরোনাম
• ক্রস-অরিজিন আইসোলেশন হেডার

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

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

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

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

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

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

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

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

• Nuxt 3.3 রিলিজ
• Vite সার্ভার বিকল্প
• রোলআপ কনফিগারেশন বিকল্প

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

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

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