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

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

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

کروم 126 کروم 125 کروم 124 کروم 123 کروم 122 کروم 121 کروم 120 کروم 119 کروم 118 کروم 117 کروم 116 کروم 115 کروم 114 کروم 113 کروم 112 کروم 111 کروم 110 کروم 109 کروم 108 کروم 107 کروم 106 کروم 105 کروم 104 کروم 103 کروم 102 کروم 101 کروم 100 کروم 99 کروم 98 کروم 97 کروم 96 کروم 95 کروم 94 کروم 93 کروم 92 کروم 91 کروم 90 کروم 89 کروم 88 کروم 87 کروم 86 کروم 85 کروم 84 کروم 83 کروم 82

Chrome 82 لغو شد .

کروم 81 کروم 80 کروم 79 کروم 78 کروم 77 کروم 76 کروم 75 کروم 74 کروم 73 کروم 72 کروم 71 کروم 70 کروم 68 کروم 67 کروم 66 کروم 65 کروم 64 کروم 63 کروم 62 کروم 61 کروم 60 کروم 59