Chrome DevTools-এর ইস্যু প্যানেল কনসোলের বিজ্ঞপ্তির ক্লান্তি এবং বিশৃঙ্খলা কমায়। কুকি সমস্যা এবং মিশ্র বিষয়বস্তুর মতো ব্রাউজার দ্বারা শনাক্ত করা সমস্যার সমাধান খুঁজতে এটি ব্যবহার করুন।
এখন পর্যন্ত, ইস্যু প্যানেল সমর্থন করে:
- কুকি সমস্যা
- মিশ্র বিষয়বস্তু
- COEP সমস্যা
- CORS ত্রুটি
- Quirks মোড সমস্যা
- (প্রিভিউ) কম-কনট্রাস্ট সমস্যা
- বিশ্বস্ত ওয়েব কার্যকলাপ সমস্যা
- স্টাইলশীট লোডিং সমস্যা
- অবৈধ
@propertyCSS নিয়ম - বিষয়বস্তু নিরাপত্তা নীতি লঙ্ঘন
- স্বয়ংসম্পূর্ণ বৈশিষ্ট্য সমস্যা
Chrome এর ভবিষ্যত সংস্করণগুলি আরও সমস্যার ধরন সমর্থন করবে৷
সমস্যা প্যানেল খুলুন
- সমস্যার সমাধান করার জন্য একটি পৃষ্ঠা দেখুন, যেমন samesite-sandbox.glitch.me ।
- DevTools খুলুন ।
পাশের ওপেন ইস্যু বাটনে ক্লিক করুন
শীর্ষে অ্যাকশন বারের ডান কোণায় সেটিংস । সমস্যার তীব্রতার উপর নির্ভর করে, বোতামটি লাল হতে পারে 
, হলুদ 
, বা নীল 
আইকন 
বিকল্পভাবে, থেকে সমস্যা নির্বাচন করুন
আরো টুল মেনু. 
আপনি একবার ইস্যু প্যানেলে থাকলে, আপনি হয়তো আরও বেশি সমস্যা ধরতে পৃষ্ঠাটি আবার লোড করতে চাইতে পারেন, এইবার পৃষ্ঠা লোডের সময় ঘটে।
কনসোল আপনাকে ব্রাউজার দ্বারা রিপোর্ট করা সমস্যাগুলিও দেখাতে পারে। যাইহোক, আপনি লক্ষ্য করবেন যে এই ধরনের সমস্যাগুলি (যেমন নীচের স্ক্রিনশটে কুকি সতর্কতা) বোঝা কঠিন। এটি ঠিক করার জন্য আপনাকে কী করতে হবে তা পরিষ্কার নয়।
অন্যদিকে, ইস্যু প্যানেল আপনাকে কার্যকরী অন্তর্দৃষ্টি প্রদান করে।
ইস্যু প্যানেলে আইটেমগুলি দেখুন
ইস্যু প্যানেল ব্রাউজার থেকে একটি কাঠামোগত, সমষ্টিগত এবং কার্যকর উপায়ে সতর্কতা উপস্থাপন করে।
সমস্যাটি প্রসারিত করতে সমস্যা প্যানেলে একটি আইটেমে ক্লিক করুন এবং কীভাবে এটি ঠিক করতে হবে এবং প্রভাবিত সংস্থানগুলি খুঁজে বের করতে হবে তার নির্দেশিকা পান।
প্রতিটি আইটেমের চারটি উপাদান রয়েছে:
- একটি শিরোনাম সমস্যা বর্ণনা.
- প্রসঙ্গ এবং সমাধান প্রদান করে একটি বর্ণনা।
- একটি প্রভাবিত রিসোর্স বিভাগ যা উপযুক্ত DevTools প্রেক্ষাপটের মধ্যে সংস্থানগুলির সাথে লিঙ্ক করে, যেমন নেটওয়ার্ক , উত্স , উপাদান , এবং অন্যান্য প্যানেল৷
- আরও নির্দেশিকা লিঙ্ক.
প্রেক্ষাপটে সমস্যাগুলি দেখতে প্রভাবিত রিসোর্সেসের আইটেমগুলিতে ক্লিক করুন৷
ধরনের দ্বারা গ্রুপ সমস্যা
ইস্যু প্যানেল প্রতিটি সমস্যার জন্য প্রভাবিত রিসোর্সের সংখ্যা গণনা করে এবং তাদের শিরোনামের পাশে তা দেখায়। উপরন্তু, আপনি তিনটি গ্রুপ প্রকারে তাদের তীব্রতা দ্বারা সমস্যাগুলি সংগঠিত করতে পারেন:
পৃষ্ঠার ত্রুটি যা Chrome রিপোর্ট করে। 
ব্রেকিং পরিবর্তন যেমন অবচয়। 
DevTools যে উন্নতির পরামর্শ দেয়।
গ্রুপ সমস্যা, চেক করুন 
ইস্যু প্যানেলের শীর্ষে অ্যাকশন বারে প্রকার অনুসারে গ্রুপ করুন ।
তৃতীয় পক্ষের সমস্যাগুলি অন্তর্ভুক্ত করুন
ইস্যু প্যানেল ডিফল্টরূপে থার্ড-পার্টি কুকিজ সমস্যা দেখায়।
আপনি একটি লিঙ্ক অনুপস্থিত প্রভাবিত সম্পদ বিভাগে তৃতীয় পক্ষের কুকি সমস্যা খুঁজে পেতে পারেন.
এই ধরনের সমস্যা লুকান, পরিষ্কার 
ইস্যু প্যানেলের শীর্ষে অ্যাকশন বারে তৃতীয় পক্ষের কুকি সমস্যাগুলি অন্তর্ভুক্ত করুন ।
সমস্যা লুকান
একটি সমস্যা লুকাতে, থেকে এই জাতীয় সমস্যাগুলি লুকান নির্বাচন করুন৷ 
ইস্যুটির পাশে তিন-বিন্দু মেনু।
লুকানো সমস্যাগুলির তালিকা দেখতে, লুকানো সমস্যা বিভাগে স্ক্রোল করুন এবং এটি প্রসারিত করুন।
সমস্ত সমস্যা প্রকাশ করতে, সমস্ত দেখান ক্লিক করুন৷ একটি সুনির্দিষ্ট সমস্যা প্রকাশ করতে, এর থেকে এই জাতীয় সমস্যাগুলি দেখান নির্বাচন করুন৷ 
ইস্যুটির পাশে তিন-বিন্দু মেনু।
উপরন্তু, গ্রুপিং সক্ষম করে, আপনি একটি গোষ্ঠীর পাশে একই তিন-বিন্দু মেনু ব্যবহার করে সমস্ত সমস্যাগুলিকে লুকিয়ে রাখতে পারেন৷
প্রসঙ্গে সমস্যাগুলি দেখুন
একটি সমস্যা তদন্ত করতে:
প্রভাবিত সম্পদ বিভাগে, DevTools-এর মধ্যে উপযুক্ত প্রসঙ্গে আইটেমটি দেখতে একটি রিসোর্স লিঙ্কে ক্লিক করুন। এই উদাহরণে, সেই অনুরোধের সাথে সংযুক্ত কুকিগুলি দেখাতে
samesite-sandbox.glitch.meক্লিক করুন৷ লিঙ্কটি আপনাকে নেটওয়ার্ক প্যানেলে নিয়ে যাবে।
একটি সমস্যা সহ আইটেমটি দেখতে স্ক্রোল করুন: এই ক্ষেত্রে, কুকি
ck02। উপর হোভার
সমস্যাটি দেখতে এবং কীভাবে এটি ঠিক করা যায় তা দেখতে ডানদিকে তথ্য আইকন। 