چه چیزی در Devtools جدید ، Chrome 141

سوفیا املیانوا
Sofia Emelianova
GitHub

Chrome DevTools (MCP) برای عامل هوش مصنوعی شما

اکنون می‌توانید پیش‌نمایش سرور جدید Chrome DevTools Model Context Protocol (MCP) را بررسی کنید. این ابزار قدرت Chrome DevTools را به دستیاران کدنویسی AI می آورد.

پیش از این، عوامل برنامه نویسی نمی توانستند ببینند کدی که تولید می کنند در هنگام اجرا در مرورگر چه کار می کند. سرور Chrome DevTools MCP این را تغییر می دهد. دستیارهای کدنویسی هوش مصنوعی می توانند صفحات وب را مستقیماً در کروم اشکال زدایی کنند و از قابلیت های اشکال زدایی DevTools و بینش عملکرد بهره مند شوند. این دقت آنها را هنگام شناسایی و رفع مشکلات بهبود می بخشد.

خودتان ببینید چگونه کار می کند:

برای اطلاعات بیشتر به Chrome DevTools (MCP) برای عامل هوش مصنوعی خود مراجعه کنید.

درخت وابستگی شبکه را با Gemini اشکال زدایی کنید

عملکرد > بینش > درخت وابستگی شبکه اکنون دارای دکمه Debug with AI است که شما را به پنل کمک هوش مصنوعی می برد، بنابراین می توانید با کمک Gemini در مورد درخت بحث کرده و اشکال زدایی کنید.

بینش قبل و بعد از افزودن دکمه «اشکال‌زدایی با هوش مصنوعی» به «درخت وابستگی شبکه».

چت های خود را با Gemini صادر کنید

اکنون می‌توانید چت فعلی خود را با Gemini صادر کنید یا با کلیک روی دکمه صادرات مکالمه در نوار عملکرد بالا یا کپی پاسخ زیر پیام Gemini در گپ، پاسخ آن را در کلیپ‌بورد کپی کنید .

قبل و بعد از افزودن دکمه صادرات و کپی به کمک هوش مصنوعی.

پیکربندی آهنگ ادامه یافت در پانل عملکرد

وقتی یک آهنگ ضبط شده را در پانل عملکرد پیکربندی می‌کنید، DevTools اکنون پیکربندی شما را ذخیره می‌کند و زمانی که آن را دوباره وارد می‌کنید یا آهنگ جدیدی ضبط می‌کنید، آن را اعمال می‌کند.

درخواست های شبکه محافظت شده از IP را فیلتر کنید

در پانل شبکه ، اکنون می توانید درخواست های ارسال شده به پروکسی های حفاظت IP را فیلتر کنید.

قبل و بعد از افزودن فیلتر 'IP Protected requests' به پنل شبکه.

عناصر > برگه Layout پشتیبانی طرح بندی سنگ تراشی را اضافه می کند

اکنون می توانید طرح بندی سنگ تراشی را در تب Elements > Styles بررسی کنید.

چیدمان بنایی یک روش چیدمان است که در آن یک محور از یک چیدمان مشبک معمولی، اغلب ستون‌ها و دیگری از طرح بنایی استفاده می‌کند.

قبل و بعد از اضافه کردن پشتیبانی از طرح بنایی به عناصر - Layout.

فانوس دریایی 12.8.2

پنل Lighthouse اکنون Lighthouse 12.8.2 را اجرا می کند.

مهم‌تر از همه در این نسخه، لایت‌هاوس مشکلات پیدا شده با ویژگی‌های سفارشی CSS را به پیام‌های خطای خود جدا می‌کند.

همچنین لیست کامل تغییرات را ببینید.

برای یادگیری اصول اولیه استفاده از پنل Lighthouse در DevTools، به Lighthouse: Optimize website speed مراجعه کنید.

شماره Chromium: 40543651 .

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

اینها برخی از بسیاری از اصلاحات و بهبودهای قابل توجه در این نسخه هستند:

  • عملکرد : درخواست رویدادهای تماس بیکار اکنون شامل ویژگی timeout است ( crbug.com/441679219 ).
  • دسترسی اکنون صفحه خوان ها مطالب زیر را می خوانند:
    • "این یک ویژگی جدید" برای آیتم های منوی فرمان ارتقا یافته است ( crbug.com/441485154 ).
    • نوار ابزار خلاصه تکمیل کد ( crbug.com/433952045 ).
  • شبکه : با کلیک راست روی یک مورد گزارش شبکه، آن را انتخاب می‌کنید ( crbug.com/368510578 ).

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

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

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

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

چیزهای جدید در DevTools

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