نکات DevTools: بهبودهای CSS را شناسایی کنید

سوفیا املیانوا
Sofia Emelianova

پنل نمای کلی CSS در DevTools به شما امکان می دهد در یک نگاه، پیشرفت های احتمالی CSS را در صفحه خود پیدا کنید.

برای دریافت گزارش، DevTools > را باز کنید بیشتر. > ابزارهای بیشتر > CSS Overview و روی Capture Overview کلیک کنید.

گزارش چندین بخش را به شما نشان می دهد:

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

برای تجربه بیشتر یادگیری عملی، به نمای کلی CSS مراجعه کنید: بهبودهای بالقوه CSS را شناسایی کنید .

برای کسب اطلاعات بیشتر در مورد مسائل کنتراست، به وب سایت خود خواناتر مراجعه کنید.