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

আপনার পছন্দের ভাষায় DevTools ব্যবহার করুন

Chrome DevTools এখন 80টিরও বেশি ভাষা সমর্থন করে, আপনাকে আপনার পছন্দের ভাষায় কাজ করার অনুমতি দেয়!

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

পছন্দগুলি" width="800" height="494">৷

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

ডিভাইস তালিকায় নতুন Nest Hub ডিভাইস

আপনি এখন ডিভাইস মোডে Nest Hub এবং Nest Hub Max এর মাত্রা অনুকরণ করতে পারেন।

টগল ডিভাইস টুলবার ক্লিক করুন ডিভাইস টুলবার টগল করুন , ডিভাইস তালিকার অধীনে Nest Hub বা Nest Hub Max নির্বাচন করুন।

ডিভাইস মোডে নেস্ট হাব ডিভাইস

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

ফ্রেমের বিশদ বিবরণে অরিজিন ট্রায়াল

আপনি এখন অ্যাপ্লিকেশন প্যানেলের অধীনে ফ্রেম বিশদ দৃশ্যে একটি সাইটের মূল ট্রায়াল সম্পর্কে তথ্য পেতে পারেন।

অরিজিন ট্রায়ালগুলি আপনাকে একটি নতুন বা পরীক্ষামূলক বৈশিষ্ট্যে অ্যাক্সেস দেয়, কার্যকারিতা তৈরি করতে আপনার ব্যবহারকারীরা বৈশিষ্ট্যটি সবার জন্য উপলব্ধ হওয়ার আগে সীমিত সময়ের জন্য চেষ্টা করতে পারেন৷

অরিজিন ট্রায়াল সহ একটি পৃষ্ঠা খুলুন (যেমন ডেমো পৃষ্ঠা )। অ্যাপ্লিকেশন প্যানেলে, ফ্রেম বিভাগে নিচে স্ক্রোল করুন এবং উপরের ফ্রেমটি নির্বাচন করুন।

ফ্রেমের বিশদ বিবরণে অরিজিন ট্রায়াল

Chromium সমস্যা: 607555

নতুন CSS কন্টেইনার কোয়েরি ব্যাজ

কন্টেইনার উপাদানগুলির পাশে একটি নতুন কন্টেইনার ব্যাজ যোগ করা হয়েছে (পূর্বক উপাদান যা @container at-rules-এর মানদণ্ডের সাথে মেলে)। নির্বাচিত ধারকটির একটি ওভারলে এবং পৃষ্ঠায় এর সমস্ত অনুসন্ধানকারী বংশধরের প্রদর্শন টগল করতে ব্যাজটিতে ক্লিক করুন৷

CSS কন্টেইনার কোয়েরি ব্যাজ

Chromium সমস্যা: 1146422

নেটওয়ার্ক ফিল্টার উল্টাতে নতুন চেকবক্স

নেটওয়ার্ক প্যানেলে ফিল্টারগুলিকে উল্টাতে নতুন ইনভার্ট চেকবক্স ব্যবহার করুন।

উদাহরণস্বরূপ, আপনি স্ট্যাটাস 404 সহ নেটওয়ার্ক অনুরোধগুলি ফিল্টার করতে "status-code: 404" টাইপ করতে পারেন। ফিল্টারটি বাতিল করতে ইনভার্ট চেকবক্স সক্রিয় করুন (স্ট্যাটাস 404 সহ নয় এমন সমস্ত নেটওয়ার্ক অনুরোধগুলি দেখান)।

নেটওয়ার্ক ফিল্টার উল্টে দিন

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

কনসোল সাইডবারের আসন্ন অবচয়

ফিল্টার UI টুলবারে সরানোর পক্ষে কনসোল সাইডবার সরানো হবে। আপনার কোন উদ্বেগ বা প্রতিক্রিয়া আছে? আমাদের এই সমস্যা ট্র্যাকার মাধ্যমে জানতে দিন.

কনসোল সাইডবার অবচয় বার্তা

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

সমস্যা ট্যাব এবং নেটওয়ার্ক প্যানেলে কাঁচা Set-Cookie হেডারগুলি প্রদর্শন করুন

DevTools এখন সমস্যা ট্যাবে কাঁচা Set-Cookie হেডার প্রদর্শন করে।

পূর্বে, DevTools নেটওয়ার্ক প্যানেলে বিকৃত কুকি (ভুল Set-Cookie হেডার) দেখায়নি। নেটওয়ার্ক প্যানেলে নতুন response-header-set-cookie ফিল্টার যোগ করে, ব্যবহারকারীরা কাঁচা Set-Cookie হেডার প্রতিক্রিয়া ফিল্টার করতে পারে। DevTools সমস্যা ট্যাবে থাকা কাঁচা Set-Cookie হেডারগুলিকে নেটওয়ার্ক প্যানেলে লিঙ্ক করবে।

সমস্যা ট্যাব এবং নেটওয়ার্ক প্যানেলে কাঁচা 'সেট-কুকি' শিরোনাম

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

কনসোলে নিজস্ব বৈশিষ্ট্য হিসাবে সামঞ্জস্যপূর্ণ প্রদর্শন নেটিভ অ্যাক্সেসর

কনসোল এখন নেটিভ অ্যাকসেসরগুলিকে তাদের নিজস্ব বৈশিষ্ট্য হিসাবে ধারাবাহিকভাবে প্রদর্শন করে।

উদাহরণস্বরূপ, কনসোলে new Int8Array([1, 2, 3]) এক্সপ্রেশনের মূল্যায়ন করার সময়, length , byteOffset এর মতো নেটিভ অ্যাক্সেসরগুলি প্রিভিউতে প্রদর্শিত হয় নি। এই সর্বশেষ আপডেটের সাথে, নেটিভ অ্যাক্সেসরগুলি পূর্বরূপ দেখানো হয় এবং প্রসারিত হলে মানগুলি সাগ্রহে মূল্যায়ন করা হয়।

কনসোলে নিজস্ব বৈশিষ্ট্য হিসাবে সামঞ্জস্যপূর্ণ প্রদর্শন নেটিভ অ্যাক্সেসর

ক্রোমিয়াম সমস্যা: 1076820 , 1199247

#sourceURL সহ ইনলাইন স্ক্রিপ্টগুলির জন্য সঠিক ত্রুটি স্ট্যাক ট্রেস

DevTools এখন সঠিকভাবে #sourceURL এর সাথে ইনলাইন স্ক্রিপ্টগুলি সমাধান করে এবং ডিবাগিংয়ের জন্য সঠিক ত্রুটি স্ট্যাক ট্রেস দেখায়।

পূর্বে DevTools #sourceURL সহ ইনলাইন স্ক্রিপ্টগুলির জন্য ভুল অবস্থান প্রদর্শন করেছিল, খোলার <script> ট্যাগের তুলনায় আশেপাশের নথির সাথে সম্পর্কিত।

#sourceURL সহ ইনলাইন স্ক্রিপ্টগুলির জন্য সঠিক ত্রুটি স্ট্যাক ট্রেস

ক্রোমিয়াম সমস্যা: 1183990 , 578269

কম্পিউটেড প্যানে রঙের বিন্যাস পরিবর্তন করুন

আপনি এখন কম্পিউটেড প্যানে যেকোন এলিমেন্টের কালার ফরম্যাট পরিবর্তন করতে পারেন Shift + কালার প্রিভিউতে ক্লিক করে।

রঙের বিন্যাস পরিবর্তন করতে রঙের পূর্বরূপে Shift+ক্লিক করুন

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

নেটিভ HTML টুলটিপ দিয়ে কাস্টম টুলটিপ প্রতিস্থাপন করুন

DevTools এখন সমস্ত উপাদান জুড়ে নেটিভ HTML টুলটিপ গ্রহণ করে। একটি নেটিভ HTML টুলটিপের স্টাইলিং না থাকার কারণে DevTools-এ একটি কাস্টম টুলটিপ প্রয়োগ করা হয়েছে দীর্ঘদিন ধরে।

দুর্ভাগ্যবশত, একটি কাস্টম টুলটিপ বাস্তবায়ন বজায় রাখা জটিল এবং আমরা নিয়মিত জটিল ত্রুটির মধ্যে পড়ি।

কাস্টম ইমপ্লিমেন্টেশনের সুবিধাগুলি পুনঃমূল্যায়ন করার পরে, আমরা দেখতে পাই যে নেটিভ HTML টুলটিপগুলি DevTools-এর জন্য যথেষ্ট এবং টুলটিপগুলি গ্রহণ করা আমাদের ব্যবহারকারীদের জন্য বিভিন্ন ধরণের সমস্যা প্রতিরোধ করে৷

DevTools টুলটিপ

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

[পরীক্ষামূলক] সমস্যা ট্যাবে সমস্যাগুলি লুকান

সমস্যা ট্যাবে সমস্যা লুকাতে হাইড ইস্যু মেনু পরীক্ষা চালু করুন। এইভাবে, আপনি আপনার গুরুত্বপূর্ণ বিষয়গুলিতে ফোকাস করতে পারেন।

ইস্যু ট্যাবে, একটি সমস্যা হোভার করুন, সমস্যা মেনুতে ক্লিক করুন আরও ডানদিকে, এটি লুকাতে এই জাতীয় সমস্যাগুলি লুকান নির্বাচন করুন৷

পরীক্ষামূলক লুকান সমস্যা প্রসঙ্গ মেনু

Chromium সমস্যা: 1175722

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

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

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

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

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

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

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