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

منتشر شده: ۱۰ مارس ۲۰۲۶

کروم ۱۴۶ پشتیبانی بهبود یافته‌ای از Adopted Style Sheets در پنل Elements ارائه می‌دهد، پیمایش تاریخچه کنسول را به طور قابل توجهی بهبود می‌بخشد و گردش کار اشکال‌زدایی حریم خصوصی را ساده‌تر می‌کند، همراه با اصلاحات و به‌روزرسانی‌های کوچک دیگر.

به‌روزرسانی‌های سرور DevTools MCP

سرور DevTools MCP اکنون در نسخه 0.19.0 قرار دارد و ابزارهای قدرتمند جدید، بهبود کارایی و مهارت‌های اشکال‌زدایی تخصصی را به ارمغان می‌آورد:

  • ممیزی‌های یکپارچه Lighthouse: اکنون می‌توانید ممیزی‌های Lighthouse را مستقیماً از طریق MCP اجرا کنید و بررسی‌های خودکار عملکرد و کیفیت را در گردش‌های کاری agentic خود فعال کنید.
  • حالت باریک (Slim Mode): یک حالت جدید --slim اکنون در دسترس است که برای بهینه‌سازی توضیحات ابزار و پارامترها برای حداکثر صرفه‌جویی در توکن طراحی شده است.
  • مهارت‌های جدید اشکال‌زدایی: مهارت‌های اختصاصی ویژه‌ای برای بررسی و اشکال‌زدایی دسترسی‌پذیری، و همچنین اشکال‌زدایی و بهینه‌سازی Largest Contentful Paint (LCP) اضافه شده است.
  • ابزارها و قابلیت‌های توسعه‌یافته: سرور اکنون از زمینه‌های مرورگر ایزوله‌شده از حافظه، ضبط آزمایشی اسکرین‌کست، ابزار جدید take_memory_snapshot و قابلیت‌های تعاملی پیشرفته مانند type_text پشتیبانی می‌کند.

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

حفظ ویرایش‌های تاریخچه کنسول

یک مشکل قدیمی در کنسول برطرف شده است. پیش از این، اگر در حال ویرایش دستوری بودید که از تاریخچه گرفته شده بود و با فشار دادن کلیدهای بالا یا پایین به بخش دیگری می‌رفتید، ویرایش‌های شما از بین می‌رفت.

در کروم ۱۴۶، DevTools اکنون ویرایش‌های شما را هنگام پیمایش در تاریخچه دستوراتتان ذخیره می‌کند . می‌توانید بدون از دست دادن کار خود، شروع به تغییر یک دستور قبلی کنید، دستور دیگری را جستجو کنید و به پیش‌نویس خود برگردید.

این یک همکاری جمعی بود، به لطف @hjanuschka !

مشکل کرومیوم: 355108929

پشتیبانی بهبود یافته برای برگه‌های سبک پذیرفته‌شده

اشکال‌زدایی کامپوننت‌های وب و معماری‌های مدرن CSS اکنون بسیار آسان‌تر شده است. برگه‌های سبک پذیرفته‌شده دیگر پنهان نیستند؛ آن‌ها اکنون تحت یک گره اختصاصی #adopted-style-sheets در درخت DOM در پنل Elements گروه‌بندی شده‌اند.

شما می‌توانید این برگه‌ها را درست مانند تگ‌های استاندارد <style> بررسی کنید و حتی قوانین آنها را مستقیماً در پنل Styles ویرایش کنید. این امر برابری بین برگه‌های استایل ساخته شده و سبک‌های اعلانی را ایجاد می‌کند و اشکال‌زدایی Shadow DOM، اجزای وب و سیستم‌های طراحی مشترک را ساده می‌کند.

شیوه‌نامه‌های پذیرفته‌شده در پنل عناصر با ویرایش درون‌خطی.

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

پشتیبانی از طرح‌بندی شبکه‌ای متراکم

ویرایشگر شبکه در پنل استایل‌ها اکنون از الگوریتم بسته‌بندی dense packing) پشتیبانی می‌کند. هنگام ویرایش grid-auto-flow ، یک کادر انتخاب جدید برای کلمه کلیدی dense مشاهده خواهید کرد که به شما امکان می‌دهد به سرعت و مستقیماً از رابط کاربری بین حالت‌های استاندارد و متراکم بسته‌بندی جابجا شوید.

کادر انتخاب جدید متراکم در ویرایشگر شبکه.

این یک همکاری جمعی بود، به لطف @TheNourhan !

مشکل کرومیوم: ۴۰۷۹۱۵۱۲

اشکال‌زدایی ساده‌شده‌ی حریم خصوصی

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

این تغییر به این معنی است که دیگر نیازی نیست برای تشخیص مشکلات حریم خصوصی بین پنل‌ها جابجا شوید؛ این مشکلات در کنار سایر گزارش‌ها و خطاهای شما ظاهر می‌شوند و زمینه را فوراً فراهم می‌کنند.

مشکل کرومیوم: ۴۷۳۷۹۶۵۹۸

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

  • منابع: یک بازنگری اساسی در معماری ردیابی پشته، مشکلاتی را که در آن نقشه‌های منبع با تأخیر بارگذاری می‌شدند و باعث پرش یا تغییر غیرمنتظره فایل‌ها در رابط کاربری می‌شدند، برطرف می‌کند.
  • شبکه: پاپ‌اوور آغازگر اکنون از سیستم ردیابی پشته بهبود یافته برای زنجیره‌های درخواست قابل اعتمادتر استفاده می‌کند.

اطلاعیه‌های دسترسی‌پذیری

این نسخه بهبودهای دسترسی زیر را به همراه دارد:

  • ضبط‌کننده: صفحه‌خوان‌ها حالا اعلام می‌کنند که نوار کناری «نمایش کد» فعال شده است.
  • کاربرد: عناوین گزارش‌های جدید «ذخیره‌سازی مشترک»، «حافظه پنهان برگشت/جلو» و «کاهش ردیابی پرش» اکنون به درستی به عنوان سرتیتر اعلام می‌شوند.
  • تنظیمات: پشتیبانی از حالت کنتراست بالا برای آیتم‌های میانبر و دکمه‌های رنگی بهبود یافته است.
  • عمومی: بهبود قابلیت مشاهده فوکوس برای عناصر مختلف رابط کاربری، از جمله پنل نمای کلی CSS و ورودی‌های پخش‌کننده رسانه.

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