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

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

با Gemini بینش‌های بیشتری را اشکال‌زدایی کنید

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

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

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

سربرگ «ذخیره-داده» را در «شرایط شبکه» شبیه‌سازی کنید

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

قبل و بعد از افزودن شبیه‌سازی هدر درخواست «ذخیره-داده» به «شرایط شبکه».

مشکل کروم: ۴۰۶۶۸۹۸۰

وضعیت خط پایه را در راهنمای ابزار ویژگی CSS مشاهده کنید

در بخش عناصر > سبک‌ها ، وقتی نشانگر ماوس را روی هر ویژگی CSS نگه می‌دارید، اکنون می‌توانید در زیر تعریف ویژگی، در دسترس بودن آن را در مرورگرهای اصلی با توجه به وضعیت پایه آن مشاهده کنید.

قبل و بعد از اضافه کردن وضعیت خط پایه به نکات راهنمای ویژگی CSS.

مشکل کروم: ۴۱۷۷۴۹۷۶۲

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

در منوی کشویی Network conditions > User agent client hints ، اکنون گزینه‌هایی برای لغو form factorها، به ویژه مقادیر هدر درخواست Sec-CH-UA-Form-Factors دارید.

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

شماره کروم: ۴۲۲۲۱۸۳۴۱

فانوس دریایی ۱۲.۸.۰

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

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

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

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

مشکل کروم: ۴۰۵۴۳۶۵۱

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

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

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

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

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

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

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

قابلیت‌های جدید در DevTools

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