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

Sam Dutton

Sofia Emelianova

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

توجه: پنل مسائل همچنان به پشتیبانی از انواع جدید مسائل ادامه می‌دهد.

نمای کلی

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

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

• مشکلات کوکی
• محتوای ترکیبی
• مسائل مربوط به COEP
• خطاهای CORS
• مشکلات حالت Quirks
• (پیش‌نمایش) مشکلات کنتراست پایین
• مشکلات فعالیت وب قابل اعتماد
• مشکلات بارگذاری استایل‌شیت
• قوانین CSS @property نامعتبر است
• نقض سیاست امنیت محتوا
• مشکلات مربوط به تکمیل خودکار ویژگی‌ها

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

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

1. به صفحه‌ای که مشکلاتی برای رفع دارد، مراجعه کنید.
2. ابزار توسعه (DevTools) را باز کنید .

3. روی دکمه‌ی «باز کردن مشکلات» در کنار « تنظیمات در گوشه سمت راست نوار اقدام در بالا. بسته به شدت مشکل، دکمه می‌تواند قرمز باشد. ، زرد یا آبی آیکون

   

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

   

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

   

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

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

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

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

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

   

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

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

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

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

توجه: این ویژگی پیش‌نمایش به طور پیش‌فرض غیرفعال است. برای فعال کردن آن، تیک بزنید تنظیمات > آزمایش‌ها > امکان گروه‌بندی و پنهان کردن مسائل بر اساس نوع مسئله .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   

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