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

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

با Gemini اطلاعات بیشتری را رفع اشکال کنید

در Performance > Insights ، اکنون می‌توانید روی Debug with AI (قبلاً Ask AI ) کلیک کنید تا با Gemini در پانل کمک هوش مصنوعی گپ بزنید و بینش‌های عملکرد بیشتری را رفع کنید:

  • بهبود تحویل تصویر
  • جاوا اسکریپت قدیمی
  • جاوا اسکریپت تکراری
  • HTTP مدرن

قبل و بعد از افزودن دکمه «اشکال‌زدایی با هوش مصنوعی» به بینش عملکرد بیشتر.

هدر "Save-Data" را در "شرایط شبکه" شبیه سازی کنید

در پانل شرایط شبکه ، اکنون می توانید رفتار هدر درخواست Save-Data را شبیه سازی کنید. این هدر یک اشاره سرویس گیرنده شبکه است که ترجیح مشتری برای کاهش مصرف داده را نشان می دهد. همچنین از طریق navigator.connection.saveData API در دسترس است.

قبل و بعد از افزودن شبیه سازی سرصفحه درخواست 'Save-Data' به 'شرایط شبکه'.

شماره Chromium: 40668980 .

وضعیت Baseline را در راهنمای ابزار CSS مشاهده کنید

در Elements > Styles ، هنگامی که ماوس را روی هر ویژگی CSS نگه می‌دارید، اکنون می‌توانید تحت تعریف ویژگی، در دسترس بودن آن را در مرورگرهای اصلی با توجه به وضعیت پایه آن ببینید.

قبل و بعد از افزودن وضعیت Baseline به راهنمای ابزار CSS.

شماره Chromium: 417749762 .

نادیده گرفتن عوامل شکل در نکات مشتری عامل کاربر

در منوی کشویی شرایط شبکه > نکات مشتری عامل کاربر ، اکنون گزینه هایی برای نادیده گرفتن عوامل فرم، به ویژه، مقادیر سرصفحه درخواست Sec-CH-UA-Form-Factors دارید.

قبل و بعد از افزودن گزینه‌های لغو فاکتور فرم به نکات مشتری عامل کاربر.

شماره Chromium: 422218341 .

فانوس دریایی 12.8.0

پنل Lighthouse اکنون Lighthouse 12.8.0 را اجرا می کند.

مهم‌تر از همه در این نسخه، Lighthouse گزارش جدیدی اضافه می‌کند: XSS مبتنی بر DOM را با انواع قابل اعتماد کاهش دهید.

همچنین لیست کامل تغییرات را ببینید.

برای یادگیری اصول اولیه استفاده از پنل Lighthouse در DevTools، به Lighthouse: Optimize website speed مراجعه کنید.

شماره Chromium: 40543651 .

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

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

  • کمک هوش مصنوعی :
    • اکنون با غیرفعال کردن ویژگی هوش مصنوعی مربوطه در تنظیمات ، سابقه چت پاک می شود.
    • دسترس‌پذیری : اکنون صفحه‌خوان‌ها عناوین زمینه را زودتر اعلام می‌کنند، «پاسخ در حال بارگیری» زمانی که پاسخ شروع به جریان می‌کند و «پاسخ آماده است» پس از تکمیل پاسخ.
  • عناصر :
    • تب Styles اکنون می تواند توابع sibling-index() ، sibling-count() و env() CSS را ارزیابی کند ( crbug.com/417128001 , crbug.com/40196710 ).
    • پشتیبانی اضافه شده برای عنصر شبه ::view-transition-group-children ( crbug.com/425901164 ).
    • در عنصر <summary> ( crbug.com/427172874 ) برای مشکلات دسترسی در مورد محتوای تعاملی پشتیبانی اضافه شد.
    • از تب Computed ، اکنون می توانید به ویژگی های longhand در Styles ( crbug.com/41486012 ) بروید.
    • ویرایشگرهای ساده، رنگ : اکنون می‌توانید با استفاده از صفحه‌کلید با نمونه‌های bezier برای انتقال انیمیشن و نمونه‌های رنگی تعامل داشته باشید ( crbug.com/401213421 ).
  • شبکه : وارد کردن فایل‌های HAR اکنون شامل کوکی‌های درخواست و پاسخ نیز می‌شود ( crbug.com/432995868 ).
  • حالت دستگاه : عامل های کاربر برای دستگاه های اپل به آخرین نسخه Safari 18.5 به روز شده است.

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

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

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

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

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

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