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

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

Jecelyn Yeen

میانبرهای صفحه کلید را در DevTools سفارشی کنید

اکنون می توانید میانبرهای صفحه کلید را برای دستورات مورد علاقه خود در DevTools سفارشی کنید.

به تنظیمات > میانبرها بروید، نشانگر را روی یک فرمان نگه دارید و روی دکمه ویرایش (نماد قلم) کلیک کنید تا میانبر صفحه کلید سفارشی شود. همچنین می توانید آکوردها (معروف به کلیدهای میانبر مطبوعاتی چند کلیدی) ایجاد کنید.

میانبرهای صفحه کلید را در DevTools سفارشی کنید.

مسائل Chromium: 1335274 ، 174309

با میانبر صفحه کلید، تم های روشن و تاریک را تغییر دهید

میانبر صفحه کلید را برای جابجایی راحت تم های روشن و تاریک پیکربندی کنید. به طور پیش‌فرض، این عملکرد به هیچ میانبر صفحه‌کلید نگاشت نمی‌شود.

با میانبر صفحه کلید، تم های روشن و تاریک را تغییر دهید.

مسائل Chromium: 1280398 ، 1226363

اشیاء C/C++ را در Memory Inspector برجسته کنید

Memory Inspector تمام بایت های یک شی حافظه C/C++ را برجسته می کند.

تشخیص بایت های یک شی در میان حافظه WebAssembly اطراف یک نقطه دردناک بود. شما باید اندازه شی را بدانید و بایت ها را از شروع شی بشمارید.

با این ویژگی به شما کمک می کند تا آنها را از حافظه اطراف جدا کنید. برای آشنایی بیشتر با تغییرات ، به گسترش بازرس حافظه برای اشکال‌زدایی C/C++ مراجعه کنید.

اشیاء C/C++ را در Memory Inspector برجسته کنید.

شماره کرومیوم: 1336568

پشتیبانی از اطلاعات کامل آغازگر برای واردات HAR

اطلاعات کامل Initiator اکنون برای واردات HAR در دسترس است. قبلاً، پانل شبکه فقط اطلاعات جزئی آغازگر را در حین وارد کردن نشان می‌دهد.

اطلاعات آغازگر به توسعه دهندگان کمک می کند تا منشا درخواست شبکه را ردیابی کنند و مسائل مربوط به شبکه را شناسایی کنند.

پشتیبانی از اطلاعات کامل آغازگر برای واردات HAR.

شماره کرومیوم: 1343185

پس از فشردن `Enter` جستجوی DOM را شروع کنید

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

در پانل عناصر ، نوار جستجو را با Control یا Command + F تغییر دهید. همانطور که یک پرس و جو را در جعبه متن جستجو تایپ می کنید، درخت DOM به اولین عنصر منطبق می پرد و آن را به طور پیش فرض برجسته می کند.

برای کاربران، به‌ویژه آزمایش‌کنندگانی که همیشه با جستجوهای طولانی کار می‌کنند، این رفتار ایده‌آل نیست. درخت DOM ممکن است با تایپ یک عبارت جستجوی طولانی چندین بار بپرد (به عنوان مثال //div[@id="example"] . این رفتار باعث ایجاد حرکت غیر ضروری می شود.

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

شماره Chromium: 1344526

نمادهای `start` و `end` را برای ویژگی های CSS flexbox `align-content` کنید

در قسمت Styles ، ویژگی های align-content در یک کلاس CSS با display: flex یا display: inline-flex ویرایش کنید. start و end در منوی کشویی تکمیل خودکار با نمادها نشان داده می شود.

ویژگی های فلکس باکس align-content.

شماره کرومیوم: 1139945

نکات برجسته متفرقه

تعداد صحیح پیام ها را در نوار کناری کنسول نمایش دهید. پیش از این، هنگام پاک کردن پیام‌های کنسول، شمارش‌ها به‌روزرسانی نمی‌شد. ( 1343311 )

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

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

تماس با تیم Chrome DevTools

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

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