این صفحه به‌وسیله ‏Cloud Translation API‏ ترجمه شده است.

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

Kayce Basques

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

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

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

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

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

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

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

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 استفاده کنید.

پیشنهاد یا بازخورد خود را از طریق crbug.com برای ما ارسال کنید.
با استفاده از گزینه های بیشتر ، مشکل DevTools را گزارش کنید > راهنما > گزارش مشکلات DevTools در DevTools.
توییت در @ChromeDevTools .
نظرات خود را در مورد ویدیوهای YouTube DevTools یا نکات DevTools در YouTube ما بنویسید.