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

Matthias Rohmer

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

کروم ۱۵۱ ویجت‌های بیشتری برای راهنمای Agent در دستیار هوش مصنوعی، جزئیات دقیق‌تر CSS specificity در تب Styles، پشتیبانی از شبه عنصر ::interest-button و به‌روزرسانی‌های عمده‌ای برای سرور DevTools MCP معرفی می‌کند.

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

در نسخه‌های اخیر تا نسخه ۱.۶.۰ ، Chrome DevTools for agentها، قابلیت‌های اشکال‌زدایی خود را برای agentهای کدنویسی مانند Antigravity، Claude، Codex و موارد دیگر به طور قابل توجهی گسترش داده است.

به‌روزرسانی‌ها در نسخه‌های v1.4.0 تا v1.6.0 شامل موارد زیر است:

• اشکال‌زدایی بهبود یافته حافظه: ابزار جدید get_heapsnapshot_duplicate_strings اتلاف حافظه ناشی از تخصیص رشته‌های تکراری در هیپ‌های جاوا اسکریپت را تشخیص می‌دهد. get_heapsnapshot_details تعداد کل اشیاء و حجم حافظه، داده‌های اسنپ‌شات هیپ قابل فیلتر، مسیرهای حفظ ریشه GC را برمی‌گرداند و امکان تفاوت حافظه در اسنپ‌شات‌ها را فراهم می‌کند.
• رمزگذاری فرمت GCF ( experimentalGcfFormat ): پشتیبانی از پاسخ‌های ابزار رمزگذاری شده با GCF برای بهینه‌سازی پهنای باند و کارایی تجزیه برای پشتیبانی از کلاینت‌ها اضافه شده است.
• مسیریابی همزمان چند عامله صفحه و زمینه‌های ایزوله: --experimentalPageIdRouting به زیرعامل‌های موازی این امکان را می‌دهد که به طور همزمان با استفاده از مسیریابی صریح pageId روی تب‌های مختلف مرورگر عمل کنند. --isolated mode و پارامترهای isolatedContext پروفایل‌های موقت کروم و فضای ذخیره‌سازی را در هر جلسه ایجاد می‌کنند.

برای کسب اطلاعات بیشتر و شروع به کار، از مخزن DevTools for agents در GitHub دیدن کنید.

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

تصویر/اسکرین‌کست: پنل دستیار هوش مصنوعی که ویجت درون‌خطی جدید Network Track و راهنمای تعاملی با پشتیبانی از جدول GFM را نشان می‌دهد.

پنل دستیار هوش مصنوعی همچنان در حال تکامل است و جزئیات بیشتری را در راهنمای گام به گام اپراتور با ویجت تخصصی Network Track (ارائه فعالیت شبکه عملکرد درون خطی با پیمایش یک کلیک برای بزرگنمایی در محدوده زمانی در پنل Performance) و ویجت Network Requests List (نمایش پارامترهای درخواست ساختار یافته در جداول تعاملی) ارائه می‌دهد.

علاوه بر این، پیام‌های پاسخ اکنون به طور کامل از رندر جداول GitHub Flavored Markdown (GFM) برای خلاصه داده‌های جدولی قالب‌بندی شده پشتیبانی می‌کنند.

تفکیک ویژگی CSS و پشتیبانی ::interest-button

پنل Elements ابزارهای بازرسی و نوشتن CSS عمیق‌تری را برای APIهای پلتفرم وب مدرن ارائه می‌دهد:

• جزئیات دقیق میزان اختصاصیت CSS: با نگه داشتن ماوس روی نام‌های انتخابگرها در تب Styles ، اکنون یک راهنمای ابزار دقیق نمایش داده می‌شود که نحوه‌ی مشارکت هر کلاس، شناسه، عنصر یا شبه‌کلاس در محاسبه‌ی میزان اختصاصیت (a, b, c) را شرح می‌دهد. این یک مشارکت عمومی بود، به لطف @hjanuschka !
• شبه عنصر ::interest-button : DevTools اکنون شبه عنصر جدید CSS با نام ::interest-button (بخشی از مشخصات interesttarget در HTML) را به طور کامل تجزیه و تحلیل کرده و در طرح درختی عناصر و تب Styles ارائه می‌دهد.
• پیوند ناهمزمان هدف برای ویژگی‌های رابطه HTML: ویژگی‌های HTML مانند popovertarget ، interesttarget و commandfor اکنون به صورت ناهمزمان گره‌های DOM هدف خود را به صورت درون‌خطی دریافت و به صورت بصری پیوند می‌دهند.
• رندر کند برای استایل‌شیت‌های بزرگ: تب استایلز اکنون از تزئین کند برای ویژگی‌های CSS استفاده می‌کند، زمانی که تعداد ویژگی‌های CSS یک عنصر از ۲۰۰ فراتر می‌رود و زمان بلوک رندر را از چند ثانیه به میلی‌ثانیه کاهش می‌دهد.

مشکلات کرومیوم: ۳۵۳۴۳۶۸۶۷ ، ۴۵۳۷۰۵۲۴۷ ، ۵۲۴۴۰۶۲۹۳ ، ۴۵۷۶۹۶۳۸۴ ، ۵۲۴۱۳۱۱۱۵

اشکال‌زدایی حافظه: انتساب متن بومی و حفظ بسته شدن

تشخیص نشت حافظه پیچیده جاوا اسکریپت در برنامه‌های وب چند فریمی یا چند زمینه‌ای، اکنون در پنل حافظه به طور قابل توجهی واضح‌تر شده است:

• انتساب زمینه بومی V8: اسنپ‌شات‌های هیپ اکنون یک الگوریتم انتساب دو مرحله‌ای را اجرا می‌کنند. استنتاج ایستا اشاره‌گر، نقشه‌های native_context را حل می‌کند، در حالی که قابلیت دسترسی گراف، اشیاء باقی‌مانده را ردیابی می‌کند. اشیاء قابل دسترسی از یک زمینه بومی واحد مستقیماً به آن زمینه نسبت داده می‌شوند، در حالی که اشیاء قابل دسترسی از چندین زمینه در یک سطل زمینه مشترک طبقه‌بندی می‌شوند.
• فیلتر «نگهداری‌شده توسط متن»: یک فیلتر رابط کاربری جدید در نمای Heap Snapshot به شما امکان می‌دهد اشیاء نگه‌داشته‌شده را منحصراً از طریق اشیاء زمینه‌ی closure جاوااسکریپت جدا کنید.
• ترتیب نمایش ویژگی‌های قابل تنظیم: یک گزینه جدید در منوی زمینه، مرتب‌سازی ویژگی‌ها بر اساس حروف الفبا (که به طور پیش‌فرض فعال است)، به شما امکان می‌دهد هنگام بررسی ویژگی‌های شیء heap، بین مرتب‌سازی الفبایی و ترتیب درج ویژگی اصلی JS جابجا شوید.

مشکلات کرومیوم: ۴۹۷۸۵۶۵۸ ، ۴۲۳۸۳۸۳۶۴ ، ۴۰۸۳۳۰۱۶

APIهای افزونه‌ی موعود و مقاوم‌سازی امنیتی

رابط‌های برنامه‌نویسی کاربردی (API) افزونه‌های DevTools با الگوهای ناهمگام مدرن و کنترل‌های امنیتی دقیق‌تر به‌روزرسانی شده‌اند:

• پشتیبانی از Promise بومی: متدهای Async در chrome.devtools.network ( getHAR() ، Request.getContent() )، chrome.devtools.panels و chrome.devtools.inspectedWindow ( eval() ، getResources() ، Resource.getContent() ، Resource.setContent() ) اکنون اشیاء Promise استاندارد جاوا اسکریپت را هنگام فراخوانی بدون پارامتر فراخوانی برمی‌گردانند.
• مرزهای امنیتی افزونه: افزونه‌های DevTools اکنون از دریافت منابع HAR مربوط به URLهای هدف مسدود شده منع شده‌اند، باید مجوزهای extensionsOnChromeUrls را برای ارزیابی‌های بین افزونه‌ها در inspectedWindow.eval برآورده کنند و بررسی‌های allowFileAccess را روی منابع file:// اعمال کنند.

سایر نکات برجسته و اصلاحات

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

• عملکرد : نشانگرهای جدول زمانی Soft FCP (First Contentful Paint) در کنار نشانگرهای Soft LCP و Soft Navigation اضافه شدند، به همراه هدرهای کشوی جزئیات به‌روزرسانی شدند.
• عملکرد : محافظ‌هایی اضافه شده است تا در دستگاه‌های اندرویدی بدون پشتیبانی PressureObserver ، از بررسی فشار محاسباتی در حین کالیبراسیون کاهش سرعت پردازنده صرف نظر شود.
• شبکه : کپی به عنوان cURL به‌روزرسانی شد تا پیشوند URLهای هدف با --url باشد تا از تفسیر نادرست پرچم خط فرمان برای URLهای با پیشوند خط تیره جلوگیری شود.
• منابع : به طور پیش‌فرض وضوح محدوده نقشه منبع فعال شده است، که وضوح محدوده متغیر و کوچک‌سازی نمادها را در حین اشکال‌زدایی بهبود می‌بخشد.
• تنظیمات : پیش‌تنظیمات شبیه‌سازی‌شده دستگاه برای مدل‌های جدیدتر آیفون و پیکسل با درج ناحیه امن تأییدشده به‌روزرسانی شده و فیلدهای User-Agent دستگاه سفارشی با navigator.userAgent از قبل پر می‌شوند. (مشکلات کرومیوم: ۴۰۷۱۸۴۱۰ ، ۵۱۸۲۱۵۲۵۲ )
• تنظیمات : منوی کشویی تنظیمات مدیریت پیوند به‌روزرسانی شد تا عناوین افزونه‌های کاربرپسند به جای URLهای خام مبدا افزونه نمایش داده شوند.
• فانوس دریایی : ماژول فانوس دریایی همراه به نسخه ۱۳.۴.۰ به‌روزرسانی شد. (شماره کرومیوم: ۴۰۵۴۳۶۵۱ )

بهبودهای دسترسی

کروم ۱۵۱ بهبودهای دسترسی زیر را به ارمغان می‌آورد:

• عناصر : با حذف تداخل‌های رنگ پس‌زمینه، قابلیت مشاهده آیکون‌های نوار ابزار غیرفعال (مانند دکمه از سرگیری اجرای اسکریپت) در حالت کنتراست بالای ویندوز / @media (forced-colors: active) بازیابی شد. (شماره کروم: 519762185 )
• کنسول : راهنماهای title متن کامل قابل دسترسی برای مقادیر رشته‌ای کوتاه‌شده‌ی Live Expression در پین‌های کنسول اضافه شد.