چیزهای جدید در DevTools (Chrome 81)

Kayce Basques

پشتیبانی از Moto G4 در حالت دستگاه

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

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

ویژگی‌های مرتبط:

• منوی فرمان (Command Menu) را باز کنید و دستور Capture screenshot اجرا کنید تا از منظره‌ای که شامل سخت‌افزار Moto G4 است (پس از فعال کردن Show Device Frame )، اسکرین‌شات بگیرید.
• برای شبیه‌سازی دقیق‌تر شرایط مرور وب یک کاربر موبایل، شبکه و پردازنده را محدود کنید .

مشکل کرومیوم شماره ۹۲۴۶۹۳

به‌روزرسانی‌های مربوط به کوکی‌ها

کوکی‌های مسدود شده در پنل کوکی‌ها

بخش کوکی‌ها در پنل برنامه‌ها، اکنون کوکی‌های مسدود شده را با پس‌زمینه زرد رنگ نشان می‌دهد.

همچنین برای آشنایی با نحوه دسترسی به رابط کاربری مشابه از پنل شبکه، به بخش «اشکال‌زدایی دلیل مسدود شدن یک کوکی» مراجعه کنید.

مشکل کرومیوم شماره ۱۰۳۰۲۵۸

اولویت کوکی در پنجره کوکی‌ها

جداول کوکی‌ها در پنل‌های شبکه و برنامه اکنون شامل یک ستون اولویت هستند.

مشکل کرومیوم شماره ۱۰۲۶۸۷۹

ویرایش تمام مقادیر کوکی‌ها

اکنون همه سلول‌های جداول کوکی قابل ویرایش هستند، به جز سلول‌های ستون Size ، زیرا این ستون نشان‌دهنده اندازه شبکه کوکی بر حسب بایت است. برای توضیح هر ستون به بخش Fields مراجعه کنید.

کپی به عنوان Node.js fetch برای شامل کردن داده‌های کوکی

روی یک درخواست شبکه کلیک راست کنید و گزینه Copy > Copy as Node.js fetch را انتخاب کنید تا عبارت fetch که شامل داده‌های کوکی است را دریافت کنید.

مشکل کرومیوم شماره ۱۰۲۹۸۲۶

آیکون‌های مانیفست دقیق‌تر برای اپلیکیشن وب

پیش از این، بخش Manifest در پنل Application درخواست‌های خود را برای نمایش آیکون‌های manifest برنامه وب انجام می‌داد. اما DevTools اکنون دقیقاً همان آیکون manifest را که Chrome استفاده می‌کند، نمایش می‌دهد.

مشکل کرومیوم شماره ۹۸۵۴۰۲

برای دیدن مقادیر بدون پوشش، نشانگر ماوس را روی ویژگی‌های content CSS نگه دارید.

برای مشاهده‌ی نسخه‌ی اسکیپ نشده‌ی مقدار، نشانگر ماوس را روی مقدار یک ویژگی content نگه دارید.

برای مثال، در این دمو ، وقتی شبه عنصر p::after را بررسی می‌کنید، یک رشته escape شده در پنل Styles می‌بینید:

وقتی نشانگر ماوس را روی مقدار content نگه می‌دارید، مقدار بدون پوشش را مشاهده می‌کنید:

خطاهای دقیق‌تر نقشه منبع در کنسول

کنسول اکنون جزئیات بیشتری در مورد دلیل عدم موفقیت در بارگیری یا تجزیه نقشه منبع ارائه می‌دهد. قبلاً فقط خطایی را بدون توضیح علت مشکل ارائه می‌داد.

تنظیم غیرفعال کردن پیمایش از انتهای فایل

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

در اینجا یک GIF از این ویژگی را مشاهده می‌کنید.

دانلود کانال‌های پیش‌نمایش

استفاده از Chrome Canary ، Dev یا Beta را به عنوان مرورگر پیش‌فرض توسعه خود در نظر بگیرید. این کانال‌های پیش‌نمایش به شما امکان دسترسی به جدیدترین ویژگی‌های DevTools را می‌دهند، به شما امکان می‌دهند APIهای پلتفرم وب پیشرفته را آزمایش کنید و به شما کمک می‌کنند قبل از کاربران، مشکلات سایت خود را پیدا کنید!

با تیم Chrome DevTools تماس بگیرید

از گزینه‌های زیر برای بحث در مورد ویژگی‌های جدید، به‌روزرسانی‌ها یا هر چیز دیگری که مربوط به DevTools است، استفاده کنید.

• بازخوردها و درخواست‌های مربوط به ویژگی‌های جدید را برای ما در crbug.com ارسال کنید.
• با استفاده از more_vert مشکل DevTools را گزارش دهید. گزینه‌های بیشتر > راهنما > گزارش مشکل DevTools در DevTools.
• توییت در @ChromeDevTools .
• نظرات خود را در مورد ویدیوهای یوتیوب «چه چیزهایی در DevTools جدید است» یا ویدیوهای یوتیوب «نکات DevTools» بنویسید.

قابلیت‌های جدید در DevTools

فهرستی از تمام مواردی که در مجموعه «چه چیزهای جدیدی در DevTools» پوشش داده شده است.