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

Matthias Rohmer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تغییر جهت کشو

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

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

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

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

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

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

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

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

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

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

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

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

• بازخوردها و درخواست‌های مربوط به ویژگی‌های جدید را برای ما در crbug.com ارسال کنید.
• با استفاده از more_vert مشکل DevTools را گزارش دهید. گزینه‌های بیشتر > راهنما > گزارش مشکل DevTools در DevTools.
• توییت در @ChromeDevTools .
• نظرات خود را در مورد ویدیوهای یوتیوب «چه چیزهایی در DevTools جدید است» یا ویدیوهای یوتیوب «نکات DevTools» بنویسید.

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

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