ویژگی‌های جدید DevTools (کروم ۱۴۹)

منتشر شده: ۲ ژوئن ۲۰۲۶

کروم ۱۴۹ به‌روزرسانی‌های عمده‌ای را در زمینه‌ی دستیار هوش مصنوعی ارائه می‌دهد، ابزارهای آزمایشی اشکال‌زدایی WebMCP را در پنل برنامه‌ها معرفی می‌کند و پشتیبانی از تکمیل کد را به CSS گسترش می‌دهد.

ابزارهای توسعه برای عامل‌ها

سرور MCP و رابط خط فرمان (CLI) ابزار توسعه کروم برای عامل‌ها اکنون رسماً پایدار شده‌اند! اطلاعیه کامل را اینجا بخوانید.

ویژگی‌های کلیدی و ابزارهای جدید اضافه شده تا نسخه v1.1.1 عبارتند از:

  • ابزارهای سفارشی شخص ثالث و در معرض صفحه: صفحات اکنون می‌توانند ابزارهای اشکال‌زدایی سفارشی را از طریق جاوا اسکریپت تعریف کنند که توسط DevTools برای عامل‌ها قابل کشف و فراخوانی هستند.
  • اشکال‌زدایی WebMCP: ابزارهای توسعه (DevTools) برای عامل‌ها اکنون می‌توانند ابزارهای WebMCP را فهرست و اجرا کنند .
  • شبیه‌سازی هدرهای HTTP سفارشی: پشتیبانی از هدرهای HTTP (مانند توکن‌های احراز هویت یا User-Agentهای سفارشی) را به ابزار شبیه‌سازی اضافه می‌کند.

ابزارهای شخص ثالث و اشکال‌زدایی WebMCP هنوز آزمایشی هستند و به طور پیش‌فرض فعال نشده‌اند. برای اطلاعات بیشتر در مورد نحوه استفاده از آنها، به مرجع ابزار مراجعه کنید. به محض اینکه این ویژگی‌ها برای استفاده در محیط عملیاتی آماده شوند، مستندات بیشتری را در developer.chrome.com ارائه خواهیم داد.

برای جدیدترین به‌روزرسانی‌ها در مورد DevTools برای نمایندگان و برای مشارکت، به مخزن GitHub مراجعه کنید. با مستندات ما شروع کنید یا با جلسه ویدیویی جامع Google I/O سرعت گردش کار کدنویسی هوش مصنوعی خود را با Chrome DevTools برای نمایندگان افزایش دهید .

کمک هوش مصنوعی

پنل دستیار هوش مصنوعی به‌روزرسانی رابط کاربری قابل توجهی دریافت کرده و ابزارهای جدیدی برای بهبود تجربه مکالمه و ارائه بینش عمیق‌تر در مورد صفحات به آن اضافه شده است:

  • راهنمای اپراتور: دستیار هوش مصنوعی اکنون به جای متن ساده Markdown، ویجت‌ها را مستقیماً در رابط چت ارائه می‌دهد. این ویجت‌ها Core Web Vitals و بینش‌های مرتبط، عناصر LCP، تجزیه LCP، فعالیت رشته‌ای Bottom-up و موارد دیگر را پوشش می‌دهند. یک لینک Reveal در داخل ویجت شما را به منبع این اطلاعات در DevTools هدایت می‌کند.
  • کپی به عامل کدگذاری : مکالمات اکنون با یک دکمه اختصاصی برای کپی کردن مکالمه، چه به صورت خلاصه و چه به صورت کلمه به کلمه، به پایان می‌رسند تا بتوانید آن را در عامل کدگذاری مورد نظر خود جایگذاری کنید.
  • قابلیت‌های ارتقا یافته : دستیار هوش مصنوعی اکنون به Lighthouse و بینش‌های مرتبط دسترسی دارد و به آن اجازه می‌دهد تا صفحه شما را به طور جامع تجزیه و تحلیل کرده و توصیه‌های هدفمند ارائه دهد.
  • پاسخ‌های بهبود یافته : با استفاده از Gemini 3 در بطن خود و مقدمه‌های اصلاح‌شده، دستیار هوش مصنوعی پاسخ‌های مختصرتر و کاربردی‌تری ارائه می‌دهد.
  • بهبود ناوبری: اکنون می‌توانید با استفاده از کلیدهای جهت‌نمای بالا و پایین ، در میان پیام‌های چت قبلی خود حرکت کنید و اصلاح یا اجرای مجدد پرسش‌های قبلی را سریع و شهودی کنید.
کمک هوش مصنوعی با عبارت «چگونه می‌توانم عملکرد این صفحه را بهبود بخشم؟» در سایت آزمایشی Astro.js به نام DevTools Times ، که مراحل کار با Agent، ابزارک‌ها و Copy to coding agent به Antigravity را نشان می‌دهد.

با نظر دادن در مورد اشکال بازخورد اختصاصی، نظرات خود را با ما در میان بگذارید. به نفع کپی به عامل کدنویسی، پشتیبانی از اصلاحات خودکار استایل‌بندی از طریق کمک هوش مصنوعی را در کروم ۱۵۲ منسوخ خواهیم کرد.

وب‌ام‌سی‌پی

این نسخه، ابزارهای آزمایشی اشکال‌زدایی WebMCP را در نوار کناری پنل برنامه معرفی می‌کند. WebMCP (پروتکل زمینه مدل وب) به صفحات وب اجازه می‌دهد تا ابزارهایی را برای استفاده توسط عوامل LLM بازدیدکننده ثبت کنند. برای کسب اطلاعات بیشتر در مورد استاندارد پیشنهادی ، به مستندات ما مراجعه کنید.

ابزارهای اشکال‌زدایی جدید به توسعه‌دهندگان اجازه می‌دهد:

  • ابزارهای سمت کلاینت و طرحواره‌های آنها را بررسی کنید.
  • اجرای ابزارها را به صورت دستی با پارامترهای سفارشی اجرا کنید.
  • رویدادهای فراخوانی ابزار فعال یا در انتظار را ردیابی و فیلتر کنید.
  • وضعیت اجرا را رصد کنید و payloadهای برگشتی را بررسی کنید.

WebMCP یک استاندارد وب پیشنهادی در پیش‌نمایش اولیه است. برای شروع آزمایش، پرچم‌های #devtools-webmcp-support و #enable-webmcp-testing در chrome://flags فعال کنید.

ابزارهای جدید اشکال‌زدایی WebMCP در پنل برنامه DevTools.
ابزارهای جدید اشکال‌زدایی WebMCP در حال بررسی سایت آزمایشی L'Atelier هستند و فراخوانی‌های قبلی ابزار، ابزارهای موجود و گزینه‌های فیلتر را نشان می‌دهند.

مشکلات کرومیوم: ۴۹۴۵۱۶۰۹۴

تکمیل کد برای CSS

تب Styles اکنون قابلیت تکمیل کد برای CSS با Gemini را ارائه می‌دهد که بر اساس پشتیبانی از پنل‌های Console و Sources ساخته شده است. پیشنهادهای کد را در تنظیمات > نوآوری‌های هوش مصنوعی > پیشنهادهای کد فعال کنید.

این به شما کمک می‌کند تا با ترکیبات پیچیده‌تری از ویژگی‌های CSS، مانند گرادیان‌ها یا سایه‌های جعبه، بدون به خاطر سپردن سینتکس دقیق آنها، بازی کنید. یا با تکیه بر چندین ویژگی مرتبط، به سرعت طرح‌بندی‌های grid- و flex- بسازید.

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

دستورالعمل‌های کنتراست رنگ APCA به وضعیت پایدار ارتقا یافت

محاسبه‌گر کنتراست الگوریتم پیشرفته کنتراست ادراکی (APCA) رسماً از مرحله آزمایشی خود خارج شده و اکنون به عنوان یک تنظیم ترجیحی استاندارد در دسترس است. APCA دستورالعمل‌های کنتراست قدیمی AAA/AA را با یک مدل کنتراست ادراکی مدرن بهینه شده برای نمایشگرهای مدرن و رندر متن جایگزین می‌کند.

اکنون می‌توانید دستورالعمل‌های APCA را با استفاده از کادر انتخاب واقع در تنظیمات > تنظیمات برگزیده > عناصر > فعال کردن دستورالعمل‌های کنتراست APCA فعال یا غیرفعال کنید.

الگوریتم APCA در تنظیمات DevTools و الگوریتم جدید در تب Styles قابل تغییر است.
الگوریتم APCA در تنظیمات DevTools و الگوریتم جدید در تب Styles قابل تغییر است.

عامل کاربر حالت دستگاه پویا

حالت دستگاه واکنش‌گرا (Responsive device mode) قبلاً از یک رشته عامل کاربر (User Agent) کدگذاری‌شده استفاده می‌کرد (اندروید ۶.۰؛ نکسوس ۵). این امر باعث می‌شد وب‌سایت‌های مدرن عملکرد خود را کاهش دهند یا حالت‌های سازگاری را فعال کنند، زیرا سیستم‌عامل گزارش‌شده بیش از یک دهه قدمت داشت.

عامل کاربریِ کدنویسی‌شده با یک روش اکتشافی پویا جایگزین شده است که بر اساس سال تقویمی جاری به‌طور خودکار به‌روزرسانی می‌شود و تضمین می‌کند که DevTools همیشه یک محیط مدرن و قابل قبول را بدون نیاز به نگهداری دستی گزارش می‌دهد.

سایر نکات برجسته

مجموعه‌ای از بهبودهای کوچک‌تر و رفع اشکالات در این نسخه:

  • کنسول : دکمه‌ی «جمع کردن/باز کردن همه » به نوار ابزار پنل کنسول اضافه شد تا به سرعت همه گروه‌های فعال کنسول را باز یا بسته کنید و ردپاها را به طور همزمان روی هم قرار دهید. ( ۴۲۷۶۵۷۵۰ )
  • کاربرد : هایپرلینک‌های قابل کلیک جایگزین متن ثابت برای فیلدهای سطل ذخیره‌سازی در نمای فراداده برنامه شده‌اند. کلیک روی لینک یک سطل به طور خودکار به آن سطل خاص در پنل نوار کناری سطل‌های ذخیره‌سازی هدایت شده و آن را برجسته می‌کند. ( ۴۳۵۳۱۱۱۳۰ )
  • کاربرد : پس از حل رگرسیون خرابی، پشتیبانی کامل از بازرسی فضای ذخیره‌سازی برای سرویس ورکرها دوباره فعال شد. ( 406991275 ، 466134219 )
  • کاربرد : پشتیبانی از بررسی رویدادهای پیش‌رندرینگ form_submission در پنل پیش‌بارگذاری اضافه شد. ( 346555939 ، 488078903 )
  • کاربرد : مدیریت اعتبارنامه‌های جلسه متصل به دستگاه (DBSC) پیاده‌سازی شده است که به توسعه‌دهندگان اجازه می‌دهد جلسات فعال را از منوی زمینه یا با فشار دادن کلیدهای Delete یا Backspace پاک یا حذف کنند. ( 471017387 )
  • عناصر : هایلایت‌های روی گره‌های DOM که نشان‌دهنده مشکلات پنهان در پنل مشکلات هستند، اکنون به صورت پویا در پاسخ به اقدامات فیلتر مشکل به‌روزرسانی می‌شوند (ظاهر یا ناپدید می‌شوند). ( 40272723 )
  • شبکه : رویدادهای ارسالی از سرور (SSE) اکنون به طور کامل سریالی شده و در خروجی‌های HAR گنجانده شده‌اند، که امکان ذخیره و وارد کردن مجدد ضبط‌های جریان رویدادهای زنده و مداوم را به DevTools فراهم می‌کند. ( 494294071 )
  • عملکرد : مشکل ردیابی Core Web Vitals در نمای Live Metrics برطرف شد تا ردیابی دقیقاً به زمینه اجرای فریم اصلی پین شود و از تنظیم مجدد معیارها توسط iframe churn پویا جلوگیری شود. ( 494350655 )
  • عملکرد : ارتقاء web-vitals به نسخه ۵.۲.۰، معرفی اصلاحات بومی بالادستی برای نشت حافظه در طول نظارت بر INP. ( ۴۸۴۳۴۲۲۰۴ )