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

Kayce Basques

ডিভাইস মোডে Moto G4 সমর্থন

ডিভাইস টুলবার সক্রিয় করার পরে আপনি এখন ডিভাইস তালিকা থেকে একটি Moto G4 ভিউপোর্টের মাত্রা অনুকরণ করতে পারেন।

একটি Moto G4 ভিউপোর্ট অনুকরণ করা

ভিউপোর্টের চারপাশে Moto G4 হার্ডওয়্যার দেখাতে ডিভাইস ফ্রেম দেখান ক্লিক করুন।

Moto G4 হার্ডওয়্যার দেখানো হচ্ছে

সম্পর্কিত বৈশিষ্ট্য:

  • কমান্ড মেনু খুলুন এবং Moto G4 হার্ডওয়্যার অন্তর্ভুক্ত ভিউপোর্টের একটি স্ক্রিনশট নিতে Capture screenshot কমান্ডটি চালান ( ডিভাইস ফ্রেম দেখান সক্ষম করার পরে)।
  • একটি মোবাইল ব্যবহারকারীর ওয়েব ব্রাউজিং শর্ত আরো সঠিকভাবে অনুকরণ করতে নেটওয়ার্ক এবং CPU থ্রোটল করুন ।

ক্রোমিয়াম সমস্যা #924693

কুকি-সম্পর্কিত আপডেট

কুকিজ ফলকে ব্লক করা কুকিজ

অ্যাপ্লিকেশন প্যানেলে কুকিজ প্যানে এখন একটি হলুদ পটভূমিতে ব্লক করা কুকিগুলিকে রঙ করে।

অ্যাপ্লিকেশন প্যানেলের কুকিজ প্যানে ব্লক করা কুকিজ

নেটওয়ার্ক প্যানেল থেকে কীভাবে একটি অনুরূপ UI অ্যাক্সেস করতে হয় তা শিখতে কেন একটি কুকি ব্লক করা হয়েছিল তা ডিবাগ করুন ।

Chromium সমস্যা #1030258

কুকি প্যানে কুকি অগ্রাধিকার

নেটওয়ার্ক এবং অ্যাপ্লিকেশন প্যানেলের কুকি টেবিলে এখন একটি অগ্রাধিকার কলাম রয়েছে।

Chromium সমস্যা #1026879

সমস্ত কুকি মান সম্পাদনা করুন

কুকি টেবিলের সমস্ত কক্ষ এখন সম্পাদনাযোগ্য, আকার কলামের ঘরগুলি ছাড়া কারণ সেই কলামটি বাইটে কুকির নেটওয়ার্ক আকারকে উপস্থাপন করে৷ প্রতিটি কলামের ব্যাখ্যার জন্য ক্ষেত্রগুলি দেখুন।

একটি কুকি মান সম্পাদনা করা হচ্ছে

কুকি ডেটা অন্তর্ভুক্ত করতে Node.js ফেচ হিসাবে অনুলিপি করুন

একটি নেটওয়ার্ক অনুরোধে রাইট-ক্লিক করুন এবং কুকি ডেটা অন্তর্ভুক্ত একটি fetch এক্সপ্রেশন পেতে Node.js fetch হিসাবে Copy > Copy নির্বাচন করুন।

Node.js ফেচ হিসাবে কপি করুন

Chromium সমস্যা #1029826

আরও সঠিক ওয়েব অ্যাপ ম্যানিফেস্ট আইকন

পূর্বে, অ্যাপ্লিকেশন প্যানেলে ম্যানিফেস্ট ফলক ওয়েব অ্যাপ ম্যানিফেস্ট আইকনগুলি প্রদর্শন করার জন্য তার নিজস্ব অনুরোধগুলি সম্পাদন করবে। DevTools এখন ঠিক একই ম্যানিফেস্ট আইকন দেখায় যা Chrome ব্যবহার করে।

ম্যানিফেস্ট ফলকে আইকন

ক্রোমিয়াম সমস্যা #985402

সিএসএস content বৈশিষ্ট্যের উপর ঘোরাঘুরি না করা মানগুলি দেখতে

content প্রপার্টির মানের উপর হোভার করুন মানের আনএস্কেপড ভার্সন দেখতে।

উদাহরণস্বরূপ, এই ডেমোতে যখন আপনি p::after পরিদর্শন করেন আপনি শৈলী ফলকে একটি পালানো স্ট্রিং দেখতে পাবেন:

পালিয়ে যাওয়া স্ট্রিং

আপনি যখন content মানটির উপর হোভার করেন তখন আপনি আনস্কেপড মান দেখতে পান:

অপরিবর্তিত মান

কনসোলে আরও বিস্তারিত উৎস মানচিত্রের ত্রুটি

কেন সোর্স ম্যাপ লোড বা পার্স করতে ব্যর্থ হয়েছে সে বিষয়ে কনসোল এখন আরও বিশদ প্রদান করে। পূর্বে এটি কি ভুল হয়েছে তা ব্যাখ্যা না করেই একটি ত্রুটি প্রদান করেছিল।

কনসোলে একটি উত্স মানচিত্র লোডিং ত্রুটি৷

একটি ফাইলের শেষে স্ক্রোলিং অক্ষম করার জন্য সেটিং

সেটিংস খুলুন এবং তারপরে পছন্দগুলি > উত্সগুলি অক্ষম করুন > ডিফল্ট UI আচরণ নিষ্ক্রিয় করতে ফাইলের শেষ প্রান্তে স্ক্রল করার অনুমতি দিন যা আপনাকে উত্স প্যানেলে একটি ফাইলের শেষের দিকে ভালভাবে স্ক্রোল করতে দেয়৷

এখানে বৈশিষ্ট্যটির একটি GIF রয়েছে৷

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

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

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

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

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

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

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