ویژگی‌های جدید DevTools، کروم ۱۴۲

ماتیاس رومر

پیشنهاد کد از Gemini

اکنون می‌توانید پیشنهادهای تایپ تولید شده توسط هوش مصنوعی را در پنل‌های Console و Sources دریافت کنید.

قابلیت پیشنهاد کد در پنل‌های Console و Sources

برای فعال کردن این ویژگی، به تنظیمات > نوآوری‌های هوش مصنوعی بروید و پیشنهادات کد را فعال یا غیرفعال کنید.

بهبودهایی برای سرور DevTools MCP

از زمان انتشار پیش‌نمایش عمومی سرور DevTools MCP با نسخه ۰.۲.۱، ما با مشارکت جامعه، بهبودهای مختلفی را اعمال کردیم و نسخه ۰.۹.۰ را منتشر کردیم.

  • پشتیبانی از Node.js تا Node.js 20 گسترش یافته است.
  • درخواست‌های شبکه و پیام‌های کنسول را می‌توان برای ذخیره توکن‌ها صفحه‌بندی کرد و بر اساس نوع درخواست (مثلاً اسکریپت‌ها، استایل‌شیت‌ها، تصاویر) و نوع پیام (لاگ، هشدار، خطا) فیلتر کرد.
  • اسکرین‌شات‌ها می‌توانند در یک مسیر خاص و با فرمت‌های مختلف خروجی گرفته شوند.
  • دسته بندی ابزارهای قابل تنظیم به شما امکان می‌دهد تا قابلیت‌های در معرض دید را سازماندهی کنید و از این طریق نویزهای غیرضروری را کاهش دهید.
  • اکنون می‌توانید آرگومان‌های راه‌اندازی را به نمونه Chrome که توسط سرور MCP استفاده می‌شود، ارسال کنید.

برای مشاهده لیست کامل تغییرات و رفع اشکالات، به گزارش تغییرات عمومی در گیت‌هاب مراجعه کنید و اطلاعات بیشتر در مورد سرور DevTools MCP را در پست وبلاگ مربوط به اطلاعیه کسب کنید.

دسترسی سریع‌تر به کمک هوش مصنوعی

DevTools اکنون شامل پیوندهای بیشتری است که دستیار هوش مصنوعی را باز می‌کنند. گزینه منوی زمینه «از هوش مصنوعی بپرسید» به «اشکال‌زدایی با هوش مصنوعی» تغییر نام داده و با اقدامات مستقیمی که هوش مصنوعی می‌تواند بر اساس زمینه به شما کمک کند، اصلاح شده است.

با دکمه جدید اضافه شده در گوشه بالا سمت راست DevTools، می‌توانید از هر جایی در DevTools، دستیار هوش مصنوعی را باز کنید.

این ورودی جدید به پشتیبانی هوش مصنوعی در سراسر DevTools اشاره دارد.

اشکال‌زدایی ردیابی کامل عملکرد با Gemini

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

پس از شناسایی یک مشکل بالقوه با کمک Gemini، می‌توانید به طور یکپارچه یک مورد زمینه‌ای خاص‌تر مانند یک رویداد ردیابی یا یک بینش عملکرد را برای بررسی دقیق‌تر انتخاب کنید و همان چت را ادامه دهید.

به همین ترتیب، اکنون تمام بینش‌ها در Performance > Insights برای گفتگو با Gemini در دسترس شما هستند.

تغییر جهت کشو

اکنون می‌توان کشو را به کنار نیز منتقل کرد. این به شما امکان می‌دهد پنل‌ها را به جای روی هم قرار دادن، در کنار هم مشاهده کنید. روی نام پنل در نوار تب اصلی کلیک راست کرده و گزینه Move to drawer را انتخاب کنید تا پنل انتخاب شده به کشو منتقل شود.

از ⋮ > ابزارهای بیشتر، پنل‌های بیشتری به کشو اضافه کنید.

دکمه‌ی جدید در کشو برای تغییر جهت

برنامه توسعه‌دهندگان گوگل

برنامه توسعه‌دهندگان گوگل (Google Developer Program ) اکنون با DevTools ادغام شده است و لینک‌های مستقیمی برای مدیریت پروفایل و نشان‌های جدید برای کسب درآمد ارائه می‌دهد.

کنترل‌های مربوط به نمایه توسعه‌دهنده گوگل در تنظیمات DevTools

نشان‌ها یک ویژگی اختیاری هستند. برای فعال کردن نشان‌ها، به تنظیمات > تنظیمات برگزیده > حساب کاربری بروید و گزینه کسب نشان را فعال کنید.

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

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

  • پنل برنامه اکنون از بازرسی ذخیره‌سازی برای همه انواع کارگر، از جمله کارگران خدماتی، کارگران مشترک و کارگران اختصاصی، پشتیبانی می‌کند.
  • :target-current اکنون در پنل Styles نمایش داده می‌شود.
  • پنل شبکه اکنون می‌تواند درخواست‌ها را بر اساس یک مقدار بولی جدید Is ad-related فیلتر کند.

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

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

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

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

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

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