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

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

ما بهبودهای مختلفی را برای سرور DevTools MCP اعمال کردیم و نسخه ۰.۱۱.۰ را منتشر کردیم.

  • هنگام درخواست در کلاینت MCP خود (Gemini CLI، Cursor، ...) اکنون می‌توانید به عناصر و درخواست‌های شبکه انتخاب شده در پنل‌های Elements و Network ارجاع دهید.
  • ابزار list_console_messages اکنون شامل مشکلاتی که در پنل Issues نمایش داده می‌شوند نیز می‌شود.
  • ابزار جدید press_key اکنون می‌تواند برای اشکال‌زدایی رویدادهای صفحه‌کلید نامرتبط با عناصر فرم استفاده شود.
  • اکنون می‌توان اسنپ‌شات‌های درخت دسترسی را روی دیسک ذخیره کرد
  • اکنون صفحات می‌توانند دوباره بارگذاری شوند، و کش به صورت اختیاری نادیده گرفته می‌شود
  • پرچم --user-data-dir را برای استفاده از یک پروفایل کروم موجود پیکربندی کنید

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

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

پنجره‌ی اشتراک‌گذاری ردیابی در پنل Performance

هنگام خروجی گرفتن از ردیابی عملکرد، اکنون می‌توانید داده‌های اضافی را در فایل خروجی قرار دهید تا اشکال‌زدایی بیشتر برای خودتان یا همکارتان در آینده آسان‌تر شود. اکنون می‌توانید موارد زیر را انتخاب کنید:

  • محتوای منبع : یک کپی از تمام فایل‌های HTML، CSS و جاوا اسکریپت (به استثنای اسکریپت‌های افزونه)
  • نقشه‌های منبع اسکریپت : نگاشت‌هایی به کد نوشته‌شده، که به شما امکان می‌دهد نام توابع اصلی و فایل‌های منبع را مشاهده کنید.

در مستندات به‌روز شده ما، درباره اینکه چه چیزهایی را باید به اشتراک گذاشت و چه چیزهایی را بهتر است خصوصی نگه داشت، بیاموزید.

ما مایلیم از همکارانمان در مایکروسافت که با همکاری آنها این امر محقق شد و کارهای اولیه را رهبری کردند، تشکر کنیم.

پشتیبانی از @starting-style

پنل Elements اکنون از اشکال‌زدایی قانون جدید CSS @starting-style پشتیبانی می‌کند، که برای ایجاد انیمیشن‌های ورودی ضروری است.

اکنون می‌توانید یک زینت‌دهنده‌ی starting-style در درخت عناصر ، در کنار عناصر مربوطه مشاهده کنید، وضعیت starting-style عنصر را با کلیک روی قرص تغییر دهید و بلوک @starting-style را در تب Styles بررسی و اشکال‌زدایی کنید.

ابزارک ویرایشگر برای نمایش: masonry

اگر با طرح‌بندی بنایی CSS آزمایش می‌کنید، اکنون می‌توانید از همان ویجت ویرایشگر آشنا در طرح‌بندی‌های display : flex و grid برای تغییر سریع گزینه‌های مختلف ترازبندی در طرح‌بندی‌های masonry استفاده کنید.

فانوس دریایی ۱۳

پنل Lighthouse اکنون Lighthouse 13 را اجرا می‌کند. با این نقطه عطف، کار یکپارچه‌سازی بینش‌های عملکرد در DevTools و Lighthouse به پایان می‌رسد.

برای کسب اطلاعات بیشتر به پست وبلاگ اطلاعیه مراجعه کنید. برای آشنایی با کاربردهای Lighthouse و نحوه اتصال آن به پنل Performance در DevTools، به Lighthouse: Optimize your website مراجعه کنید.

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

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

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

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

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

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