مسائل: پیدا کردن و رفع مشکلات

از پنل مشکلات (Problems) برای یافتن راه‌حل‌هایی برای مشکلات شناسایی‌شده توسط مرورگر، مانند مشکلات کوکی‌ها و محتوای ترکیبی (mixed content)، استفاده کنید.

نمای کلی

با جمع‌آوری و گروه‌بندی مشکلات رایج، پنل Issues (مسائل) از شلوغی و بی‌نظمی اعلان‌ها در کنسول جلوگیری می‌کند.

در حال حاضر، هیئت رسیدگی به مسائل گزارش می‌دهد:

نسخه‌های آینده کروم از انواع مشکلات بیشتری پشتیبانی خواهند کرد.

پنل مشکلات را باز کنید

  1. به صفحه‌ای که مشکلاتی برای رفع دارد، مراجعه کنید.
  2. ابزار توسعه (DevTools) را باز کنید .
  3. روی دکمه‌ی «باز کردن مشکلات» در کنار « تنظیمات. تنظیمات در گوشه سمت راست نوار اقدام در بالا. بسته به شدت مشکل، دکمه می‌تواند قرمز باشد. خطا. ، زرد هشدار. یا آبی اطلاعات. آیکون

    دکمه‌ی «باز کردن مسائل» با آیکون قرمز.

    روش دیگر، انتخاب مشکلات از منوی ابزارهای بیشتر منوی ابزارهای بیشتر

    پنل مشکلات در منوی ابزارهای بیشتر.

  4. وقتی در پنل مشکلات هستید، شاید بخواهید صفحه را دوباره بارگذاری کنید تا مشکلات بیشتری را که این بار در حین بارگذاری صفحه رخ می‌دهند، مشاهده کنید.

    پنل مشکلات با یک مشکل دیگر که پس از بارگذاری مجدد صفحه پیدا شد.

کنسول همچنین ممکن است مشکلاتی را که توسط مرورگر گزارش شده است به شما نشان دهد. با این حال، متوجه خواهید شد که درک چنین مشکلاتی (مانند هشدار کوکی در تصویر زیر) دشوار است. مشخص نیست که برای رفع آن چه کاری باید انجام دهید.

کنسول با هشدار کوکی مبهم.

از طرف دیگر، پنل مشکلات، بینش‌های کاربردی در اختیار شما قرار می‌دهد.

مشاهده موارد در پنل مشکلات

پنل مشکلات ، هشدارهای مرورگر را به صورت ساختاریافته، تجمیع‌شده و قابل اجرا ارائه می‌دهد.

  1. برای بسط مشکل و دریافت راهنمایی در مورد نحوه رفع آن و یافتن منابع آسیب‌دیده، روی یک مورد در پنل مشکلات کلیک کنید.

    پنل مشکلات مربوط به مشکل کوکی‌های بین‌سایتی گسترش یافت.

    هر ماده چهار جزء دارد:

    • تیتری که موضوع را توصیف می‌کند.
    • توضیحی که زمینه و راه حل را ارائه می‌دهد.
    • یک بخش منابع آسیب‌دیده که به منابع درون چارچوب DevTools مناسب، مانند پنل‌های Network ، Sources ، Elements و سایر پنل‌ها، پیوند می‌دهد.
    • لینک‌هایی برای راهنمایی بیشتر.
  2. برای مشاهده مشکلات در متن، روی موارد موجود در بخش منابع تحت تأثیر کلیک کنید.

مسائل را بر اساس نوع گروه‌بندی کنید

پنل مشکلات ، تعداد منابع تحت تأثیر هر مشکل را شمارش کرده و آن را در کنار تیترهایشان نشان می‌دهد. علاوه بر این، می‌توانید مشکلات را بر اساس شدت آنها در سه گروه دسته‌بندی کنید:

  • خطا. خطاهای صفحه‌ای که کروم گزارش می‌دهد.
  • هشدار. تغییرات اساسی مانند منسوخ شدن.
  • اطلاعات. بهبودهایی که DevTools پیشنهاد می‌دهد.

برای گروه‌بندی مسائل، بررسی کنید کادر انتخاب. در نوار عملیات بالای پنل مسائل ، بر اساس نوع، گروه‌بندی کنید .

مشکلات به سه نوع گروه‌بندی شده‌اند: خطاهای صفحه، تغییرات اساسی و بهبودها.

مسائل مربوط به اشخاص ثالث را نیز لحاظ کنید

پنل مشکلات، مشکلات مربوط به کوکی‌های شخص ثالث را به طور پیش‌فرض نشان می‌دهد.

می‌توانید مشکلات کوکی‌های شخص ثالث را در بخش منابع تحت تأثیر که لینکی ندارند، پیدا کنید.

کوکی شخص ثالث بدون منبع پیوند داده شده در بخش منابع آسیب‌دیده.

برای پنهان کردن چنین مسائلی، پاک کنید واضح. مشکلات مربوط به کوکی‌های شخص ثالث را در نوار اقدام بالای پنل مشکلات (issues ) قرار دهید.

پنهان کردن مشکلات

برای پنهان کردن یک مشکل، گزینه « مخفی کردن مشکلاتی از این قبیل» را از منوی سه نقطه‌ای. منوی سه نقطه‌ای کنار مشکل.

گزینه «مخفی کردن مشکلاتی از این قبیل» در منوی سه نقطه‌ای کنار یک مشکل قرار دارد.

برای دیدن لیست مشکلات پنهان، به پایین صفحه بروید تا به بخش مشکلات پنهان برسید و آن را باز کنید.

بخش مسائل پنهان.

برای آشکار کردن همه مشکلات، روی «همه را آشکار کن» کلیک کنید. برای آشکار کردن یک مشکل خاص، «مشکلات آشکار کن» مانند این را از منوی سه نقطه‌ای. منوی سه نقطه‌ای کنار مشکل.

علاوه بر این، با فعال بودن گروه‌بندی ، می‌توانید کل گروه‌های مشکلات را با استفاده از همان منوی سه نقطه‌ای کنار یک گروه پنهان کنید.

منوی سه نقطه‌ای با گزینه‌ای برای پنهان کردن گروه بهبودها.

مسائل را در چارچوب خود ببینید

برای بررسی یک مسئله:

  1. در بخش منابع تحت تأثیر ، روی لینک منبع کلیک کنید تا مورد را در متن مناسب در DevTools مشاهده کنید. این لینک شما را به پنل Network می‌برد.

    بخش منابع تحت تأثیر به همراه لینکی به درخواست تحت تأثیر.

  2. برای مشاهده موردی که مشکل دارد، اسکرول کنید: در این مورد، کوکی ck02 . نشانگر ماوس را روی اطلاعات. برای مشاهده مشکل و نحوه رفع آن، روی نماد اطلاعات در سمت راست کلیک کنید.

    وقتی نشانگر ماوس را روی آیکون اطلاعات نگه می‌دارید، پنل شبکه یک راهنمای ابزار (tooltip) نشان می‌دهد.