تازههای DevTools کروم ۱۴۹
فرانتاند
هوش مصنوعیخلاصهٔ کاملتر
این پست از تیم Chrome، تازههای DevTools تو نسخه ۱۴۹ کروم رو معرفی میکنه. تمرکز اصلی این نسخه روی سه چیزه: ارتقای بزرگ دستیار هوش مصنوعی، اضافهشدن ابزارهای آزمایشی دیباگ WebMCP تو پنل Application، و گسترش کاملشدن خودکار کد به CSS.
اول از همه، سرور MCP و CLI مربوط به DevTools for agents حالا رسماً پایدار شده. تو نسخههای تا v1.1.1 چندتا قابلیت اضافه شده: صفحهها میتونن ابزارهای دیباگ سفارشی خودشون رو با JavaScript تعریف کنن تا ایجنتها پیداشون کنن و صداشون بزنن، ایجنتها میتونن ابزارهای WebMCP رو لیست و اجرا کنن، و ابزار شبیهسازی حالا از هدرهای HTTP سفارشی (مثل توکن احراز هویت یا User-Agent دلخواه) پشتیبانی میکنه.
پنل AI assistance هم یه بهروزرسانی مهم تو رابط کاربری گرفته. بهجای متن ساده Markdown، حالا ویجتها رو مستقیم تو خود چت نشون میده؛ ویجتهایی برای Core Web Vitals، عنصر LCP، تفکیک LCP و فعالیت thread. یه دکمه «Copy to coding agent» هم اضافه شده که گفتگو رو یا خلاصهشده بهصورت prompt یا کامل کپی میکنه تا ببری تو ابزار کدنویسی خودت. این دستیار حالا به Lighthouse هم دسترسی داره و زیر کاپوتش از Gemini 3 استفاده میکنه که جوابهاش کوتاهتر و عملیتر شدن.
این نسخه ابزارهای آزمایشی دیباگ WebMCP رو هم تو نوار کناری پنل Application آورده. WebMCP (مخفف Web Model Context Protocol) به صفحههای وب اجازه میده ابزارهایی ثبت کنن که ایجنتهای LLM بازدیدکننده ازشون استفاده کنن. با این ابزار جدید میشه ابزارهای سمت کلاینت و schemaشون رو بررسی کرد، دستی با پارامتر دلخواه اجراشون کرد و وضعیت اجرا و خروجیشون رو دید. این قابلیت هنوز آزمایشیه و باید فلگهای مربوطه رو تو chrome://flags فعال کنی.
از بهبودهای دیگه میشه به اینا اشاره کرد: تب Styles حالا کاملشدن خودکار CSS با Gemini داره که موقع کار با گرادیانها یا box shadow و چیدمانهای grid و flex کمک میکنه. محاسبهگر کنتراست رنگ APCA از فاز آزمایشی دراومده و جای راهنماهای قدیمی AA/AAA رو میگیره. حالت Responsive هم دیگه بهجای User-Agent ثابت و قدیمی (Android 6.0)، یه رشته پویا گزارش میده که بر اساس سال جاری بهروز میشه تا سایتها فکر نکنن مرورگر خیلی قدیمیه.
نکات کلیدی:
- سرور MCP و CLI مربوط به DevTools for agents حالا پایدار شده و ابزارهای سفارشی و WebMCP رو پشتیبانی میکنه
- پنل AI assistance ویجت درونچتی، دکمه Copy to coding agent و Gemini 3 رو زیر کاپوت گرفته
- پنل Application ابزار آزمایشی دیباگ WebMCP برای بررسی و اجرای ابزارهای سمت کلاینت داره
- تب Styles کاملشدن خودکار CSS با Gemini رو اضافه کرده و محاسبهگر کنتراست APCA پایدار شده
