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

جسلین ین

میانبرهای صفحه کلید را در 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"] . این رفتار باعث ایجاد حرکت غیر ضروری می شود.

جستجوی DOM

به تنظیمات > تنظیمات برگزیده بروید، جستجو را هنگام تایپ غیرفعال کنید. با این تغییر، جستجو فقط پس از فشار دادن 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 استفاده کنید.

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

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