موارد جدید در DevTools، Chrome 139

سوفیا املیانوا
Sofia Emelianova
GitHub

ابزارهای توسعه دهنده کروم قابل اعتمادتر و سازنده تر

در این نسخه، Chrome DevTools برتری محصول را در اولویت قرار داد. این شامل رسیدگی به طیف گسترده ای از مسائل شناخته شده، از اشکالات بصری طولانی مدت، نگرانی های مربوط به قابلیت استفاده، و ناهماهنگی در طراحی گرفته تا مسائل مربوط به عملکرد و عملکرد بود. به طور کلی، ما تعداد موارد باز را 27٪ کاهش دادیم.

ما در نهایت به برخی از مسائل قدیمی پرداختیم، اما در ویژگی‌های جدیدتر نیز بهبودهایی ایجاد کردیم، به عنوان مثال، در پنل عملکرد و کمک هوش مصنوعی . نتیجه یک تجربه توسعه دهنده به طور قابل توجهی بهبود یافته است.

در پشت صحنه، ما تلاش گسترده‌ای را برای افزایش پوشش آزمایشی خود انجام دادیم، شکست‌های آزمایشی پیچیده را بررسی کردیم، آزمایش‌ها را به پایه‌های قوی‌تر منتقل کردیم و اشکالاتی را که در طول مسیر کشف کردیم را برطرف کردیم. ما موفق شدیم تعداد مسائل مربوط به آزمون را تا 54 درصد کاهش دهیم.

ما امیدواریم که این اصلاحات و اصلاحات ظریف متعدد را در پانل های مختلف تجربه کنید و روند کار اشکال زدایی و توسعه روزانه خود را روان تر، قابل اطمینان تر و سازنده تر کنید.

تصاویر را در کمک هوش مصنوعی برای استایل آپلود کنید

برای ارائه زمینه بصری اضافی به درخواست‌های خود، اکنون می‌توانید نه تنها اسکرین‌شات‌های خودکار بگیرید، بلکه می‌توانید تصاویر دلخواه را در چت‌های خود با Gemini در پانل کمک هوش مصنوعی نیز آپلود کنید.

مکالمه خود را از پانل Elements با انتخاب یک عنصر DOM و کلیک کردن شروع کنید از هوش مصنوعی بپرسید ، بنابراین عنصر به عنوان زمینه گفتگو مشخص می شود. سپس روی Add image در قسمت ورودی کلیک کنید.

پشتیبانی قبل و بعد از آپلودهای دلخواه تصویر.

هدر درخواست را به جدول در Network اضافه کنید

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

قبل و بعد از افزودن گزینه "عنوان درخواست" به منو.

شماره Chromium: 397481040 .

نکات برجسته Google I/O 2025 را بررسی کنید

اگر هنوز این کار را نکرده‌اید، ویژگی‌های اصلی Chrome DevTools را که در Google I/O 2025 برجسته شده‌اند، امتحان کنید، از جمله اما نه محدود به:

علاوه بر این، بینش‌های عملکرد جدید را بررسی کنید: جاوا اسکریپت تکراری و جاوا اسکریپت قدیمی .

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

اینها برخی از بسیاری از اصلاحات و بهبودهای قابل توجه در این نسخه هستند:

  • کاربرد : اکنون یک گفتگوی تأیید برای پاک کردن ذخایر اشیاء IndexedDB وجود دارد، زیرا این یک اقدام غیرقابل برگشت است ( crbug.com/326987147 ).
  • منابع : نقاط ورود و نشان‌های نقطه شکست شرطی در کنار خطوط کد اکنون یک راهنمای ابزار را در حالت شناور با پیام یا شرایط گزارش مربوطه خود نشان می‌دهند ( crbug.com/40266230 ).

  • عملکرد :

    • بینش مقصران تغییر چیدمان اکنون پیوندهایی را به تصاویر بدون اندازه نشان می دهد ( crbug.com/416449602 ).
    • بینش کشف درخواست LCP اکنون تاخیر بارگذاری تصویر را پس از اولین نقطه شروع نشان می دهد.
    • Throttling : فرمت قدیمی تنظیمات throttling را که برخی از کاربران به صورت محلی ذخیره کرده بودند، رفع کرد.
    • گزارش رویداد : فیلتر کردن سرعت بیشتری داشت ( crbug.com/40783421 ).

  • انیمیشن‌ها : اسکرین‌شات‌های پیش‌نمایش منسوخ شده، زیرا کلیک برای پیش‌نمایش یک گروه انیمیشن تجربه مشابه و بهتری را ارائه می‌دهد ( crbug.com/330179643 ).

  • دسترسی :

    • در صورت وجود، برچسب‌های آریا به منابع > نوار کناری نقاط شکست DOM اضافه شده است.
    • پیمایش صفحه کلید Shift + Tab در قسمت متنی Live express در کنسول ( crbug.com/408398435 ، crbug.com/420344137 ) ثابت شد.
    • تنظیمات اکنون از میانبرهای بزرگنمایی/خروج/بازنشانی پشتیبانی می‌کند: Cmd/Ctrl + +/-/0 ( crbug.com/41484555 ).
    • عناصر > سبک‌ها : نمادهای راهنمایی و هشدار CSS ( crbug.com/40706851 ) و ساعت زاویه‌ای اکنون با صفحه کلید قابل فوکوس هستند ( crbug.com/401212624 ، crbug.com/401213524 ).

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

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

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

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

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

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