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

کیسی باسکی

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

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

شبیه سازی نمای Moto G4

روی Show Device Frame کلیک کنید تا سخت افزار Moto G4 در اطراف ویوپورت نمایش داده شود.

نمایش سخت افزار Moto G4

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

Chromium شماره 924693

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

کوکی‌های مسدود شده در بخش کوکی‌ها

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

کوکی‌های مسدود شده در صفحه کوکی‌ها در پانل برنامه

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

Chromium شماره 1030258

اولویت کوکی در صفحه کوکی

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

Chromium شماره 1026879

همه مقادیر کوکی را ویرایش کنید

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

ویرایش یک مقدار کوکی

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

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

به عنوان واکشی Node.js کپی کنید

Chromium شماره 1029826

نمادهای مانیفست برنامه وب دقیق تر

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

نمادها در پنجره Manifest

Chromium شماره 985402

ماوس را روی ویژگی‌های content CSS نگه دارید تا مقادیر بدون فرار را ببینید

ماوس را روی مقدار یک ویژگی content نگه دارید تا نسخه بدون فرار مقدار را ببینید.

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

رشته فرار

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

ارزش غیرقابل فرار

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

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

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

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

تنظیمات را باز کنید و سپس Preferences > Sources > Allow scrolling past end of file را غیرفعال کنید تا رفتار رابط کاربری پیش‌فرض را غیرفعال کنید که به شما امکان می‌دهد به خوبی از انتهای یک فایل در پانل منابع پیمایش کنید.

در اینجا یک GIF از ویژگی است.

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

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

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

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

چیزهای جدید در DevTools

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