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