সমস্যা: সমস্যাগুলি খুঁজুন এবং ঠিক করুন

Chrome DevTools-এর ইস্যু প্যানেল কনসোলের বিজ্ঞপ্তির ক্লান্তি এবং বিশৃঙ্খলা কমায়। কুকি সমস্যা এবং মিশ্র বিষয়বস্তুর মতো ব্রাউজার দ্বারা শনাক্ত করা সমস্যার সমাধান খুঁজতে এটি ব্যবহার করুন।

এখন পর্যন্ত, ইস্যু প্যানেল সমর্থন করে:

Chrome এর ভবিষ্যত সংস্করণগুলি আরও সমস্যার ধরন সমর্থন করবে৷

সমস্যা ট্যাব খুলুন

  1. সমস্যার সমাধান করার জন্য একটি পৃষ্ঠা দেখুন, যেমন samesite-sandbox.glitch.me
  2. DevTools খুলুন
  3. পাশের ওপেন ইস্যু বাটনে ক্লিক করুন সেটিংস. শীর্ষে অ্যাকশন বারের ডান কোণায় সেটিংস । সমস্যার তীব্রতার উপর নির্ভর করে, বোতামটি লাল হতে পারে ত্রুটি. , হলুদ সতর্কতা। , বা নীল তথ্য. আইকন

    একটি লাল আইকন সহ ওপেন ইস্যু বোতাম।

    বিকল্পভাবে, থেকে সমস্যা নির্বাচন করুন আরো টুল মেনু. আরো টুল মেনু.

    আরও টুল মেনুতে সমস্যা ট্যাব।

  4. আপনি একবার ইস্যু প্যানেলে থাকলে, আপনি হয়তো আরও বেশি সমস্যা ধরতে পৃষ্ঠাটি আবার লোড করতে চাইতে পারেন, এইবার পৃষ্ঠা লোডের সময় ঘটে।

    পৃষ্ঠাটি পুনরায় লোড করার পরে আরও একটি সমস্যা সহ সমস্যা ট্যাব পাওয়া গেছে।

কনসোল আপনাকে ব্রাউজার দ্বারা রিপোর্ট করা সমস্যাগুলিও দেখাতে পারে। যাইহোক, আপনি লক্ষ্য করবেন যে এই ধরনের সমস্যাগুলি (যেমন নীচের স্ক্রিনশটে কুকি সতর্কতা) বোঝা কঠিন। এটি ঠিক করার জন্য আপনাকে কী করতে হবে তা পরিষ্কার নয়।

একটি অস্পষ্ট কুকি সতর্কতা সহ কনসোল।

অন্যদিকে, ইস্যু প্যানেল আপনাকে কার্যকরী অন্তর্দৃষ্টি প্রদান করে।

সমস্যা ট্যাবে আইটেম দেখুন

ইস্যু প্যানেল ব্রাউজার থেকে একটি কাঠামোগত, সমষ্টিগত এবং কার্যকর উপায়ে সতর্কতা উপস্থাপন করে।

  1. সমস্যাটি প্রসারিত করতে সমস্যা প্যানেলে একটি আইটেমে ক্লিক করুন এবং কীভাবে এটি ঠিক করতে হবে এবং প্রভাবিত সংস্থানগুলি খুঁজে বের করতে হবে তার নির্দেশিকা পান।

    ক্রস-সাইট কুকি সমস্যা সহ সমস্যা ট্যাব প্রসারিত হয়েছে।

    প্রতিটি আইটেমের চারটি উপাদান রয়েছে:

    • একটি শিরোনাম সমস্যা বর্ণনা.
    • প্রসঙ্গ এবং সমাধান প্রদান করে একটি বর্ণনা।
    • একটি প্রভাবিত রিসোর্স বিভাগ যা উপযুক্ত DevTools প্রেক্ষাপটের মধ্যে সংস্থানগুলির সাথে লিঙ্ক করে, যেমন নেটওয়ার্ক , উত্স , উপাদান , এবং অন্যান্য প্যানেল৷
    • আরও নির্দেশিকা লিঙ্ক.
  2. প্রেক্ষাপটে সমস্যাগুলি দেখতে প্রভাবিত রিসোর্সেসের আইটেমগুলিতে ক্লিক করুন৷

ধরনের দ্বারা গ্রুপ সমস্যা

ইস্যু প্যানেল প্রতিটি সমস্যার জন্য প্রভাবিত রিসোর্সের সংখ্যা গণনা করে এবং তাদের শিরোনামের পাশে তা দেখায়। উপরন্তু, আপনি তিনটি গ্রুপ প্রকারে তাদের তীব্রতা দ্বারা সমস্যাগুলি সংগঠিত করতে পারেন:

  • ত্রুটি. পৃষ্ঠার ত্রুটি যা Chrome রিপোর্ট করে।
  • সতর্কতা। ব্রেকিং পরিবর্তন যেমন অবচয়।
  • তথ্য. DevTools যে উন্নতির পরামর্শ দেয়।

গ্রুপ সমস্যা, চেক করুন চেকবক্স। ইস্যু প্যানেলের শীর্ষে অ্যাকশন বারে প্রকার অনুসারে গ্রুপ করুন

সমস্যাগুলিকে তিন প্রকারে শ্রেণীবদ্ধ করা হয়েছে: পৃষ্ঠার ত্রুটি, ব্রেকিং পরিবর্তন এবং উন্নতি৷

তৃতীয় পক্ষের সমস্যাগুলি অন্তর্ভুক্ত করুন

ইস্যু ট্যাব ডিফল্টরূপে তৃতীয় পক্ষের কুকির সমস্যা দেখায়।

আপনি একটি লিঙ্ক অনুপস্থিত প্রভাবিত সম্পদ বিভাগে তৃতীয় পক্ষের কুকি সমস্যা খুঁজে পেতে পারেন.

প্রভাবিত সম্পদ বিভাগে লিঙ্ক করা সংস্থান ছাড়াই তৃতীয় পক্ষের কুকি।

এই ধরনের সমস্যা লুকান, পরিষ্কার পরিষ্কার. ইস্যু প্যানেলের শীর্ষে অ্যাকশন বারে তৃতীয় পক্ষের কুকি সমস্যাগুলি অন্তর্ভুক্ত করুন

সমস্যা লুকান

একটি সমস্যা লুকাতে, থেকে এই জাতীয় সমস্যাগুলি লুকান নির্বাচন করুন৷ তিন-বিন্দু মেনু। ইস্যুটির পাশে তিন-বিন্দু মেনু।

একটি সমস্যার পাশে তিন-বিন্দু মেনুতে এই বিকল্পের মতো সমস্যাগুলি লুকান।

লুকানো সমস্যাগুলির তালিকা দেখতে, লুকানো সমস্যা বিভাগে স্ক্রোল করুন এবং এটি প্রসারিত করুন।

লুকানো সমস্যা বিভাগ.

সমস্ত সমস্যা প্রকাশ করতে, সমস্ত দেখান ক্লিক করুন৷ একটি সুনির্দিষ্ট সমস্যা প্রকাশ করতে, এর থেকে এই জাতীয় সমস্যাগুলি দেখান নির্বাচন করুন৷ তিন-বিন্দু মেনু। ইস্যুটির পাশে তিন-বিন্দু মেনু।

উপরন্তু, গ্রুপিং সক্ষম করে , আপনি একটি গোষ্ঠীর পাশে একই তিন-বিন্দু মেনু ব্যবহার করে সমস্ত সমস্যাগুলিকে লুকিয়ে রাখতে পারেন৷

উন্নতি গোষ্ঠী লুকানোর বিকল্প সহ তিন-বিন্দু মেনু।

প্রসঙ্গে সমস্যাগুলি দেখুন

একটি সমস্যা তদন্ত করতে:

  1. প্রভাবিত সম্পদ বিভাগে, DevTools-এর মধ্যে উপযুক্ত প্রসঙ্গে আইটেমটি দেখতে একটি রিসোর্স লিঙ্কে ক্লিক করুন। এই উদাহরণে, সেই অনুরোধের সাথে সংযুক্ত কুকিগুলি দেখাতে samesite-sandbox.glitch.me এ ক্লিক করুন৷ লিঙ্কটি আপনাকে নেটওয়ার্ক প্যানেলে নিয়ে যাবে।

    প্রভাবিত অনুরোধের লিঙ্ক সহ প্রভাবিত সম্পদ বিভাগ।

  2. একটি সমস্যা সহ আইটেমটি দেখতে স্ক্রোল করুন: এই ক্ষেত্রে, কুকি ck02 । উপর হোভার তথ্য. সমস্যাটি দেখতে এবং কীভাবে এটি ঠিক করা যায় তা দেখতে ডানদিকে তথ্য আইকন।

    নেটওয়ার্ক প্যানেল একটি টুলটিপ দেখায় যখন আপনি তথ্য আইকনের উপর হোভার করেন।