موارد جدید در DevTools، Chrome 138

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

بهبود پانل عملکرد

این نسخه چندین پیشرفت را در پنل Performance به ارمغان می آورد.

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

بینش درختی Performance > Insights > Network Dependency Tree اکنون فهرستی از مبداهای از پیش متصل استفاده شده یا استفاده نشده و نامزدهای پیش اتصال، در صورت وجود را به شما نشان می دهد.

نکات پیش اتصال به سایت شما اجازه می دهد تا اتصالات اولیه را با منابع مهم شخص ثالث برقرار کند و سرعت بارگذاری صفحه را بهبود بخشد.

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

برای اطلاعات بیشتر، پیش اتصال به مبداهای مورد نیاز را ببینید.

زمان پاسخ و هدایت مجدد سرور در بینش «تأخیر درخواست سند».

بینش عملکرد > بینش > تأخیر درخواست سند اکنون زمان پاسخ سرور و در صورت وجود، تعداد یا تغییر مسیرها و زمان تغییر مسیر را به شما نشان می دهد.

قبل و بعد از افزودن تغییر جهت و زمان پاسخ سرور به بینش "تأخیر درخواست سند".

تغییر مسیرها در خلاصه درخواست های شبکه

اکنون پانل Performance URL های تغییر مسیر را در خلاصه درخواست های شبکه و در راهنمای ابزار آنها نشان می دهد.

قبل و بعد از اضافه کردن URL های تغییر مسیر به خلاصه و نکات ابزار درخواست های شبکه.

شماره Chromium: 402353313 .

کاهش نویز در ردیابی عملکرد

پانل عملکرد اکنون رویدادهای دسته compile موتور جاوا اسکریپت v8 را نشان نمی دهد. پیش از این، این رویدادها باعث ایجاد سربار و نویز غیر ضروری زیادی، به ویژه رویداد compile code می‌شد.

رویدادهای قبل و بعد از حذف «کد کامپایل» از ردیابی عملکرد.

اگر متوجه شدید که برخی از رویدادهای مهم برای شما اکنون از دست رفته اند، در صورت تمایل نظرات خود را در crbug.com/414330508 ارسال کنید.

"غیرفعال کردن نمونه های جاوا اسکریپت" منسوخ شده

گزینه Disable JavaScript samples در تنظیمات Performace > Captures منسوخ شده و به دلیل کاربرد نادر و استفاده کم حذف شده است.

قبل و بعد از حذف گزینه «غیرفعال کردن نمونه‌های جاوا اسکریپت» از «تنظیمات ضبط».

شماره Chromium: 414734883 .

پارامتر دقت موقعیت جغرافیایی در سنسورها

اکنون پنل Sensors به ​​شما امکان می دهد دقت را در شبیه سازی موقعیت جغرافیایی تنظیم کنید. به این ترتیب، می توانید کنترل سطوح مختلف دقت GPS را آزمایش کنید.

قبل و بعد از افزودن پارامتر «دقت» به شبیه‌سازی موقعیت جغرافیایی در پانل حسگرها.

شماره Chromium: 40074843 .

بهبود پانل عناصر

این نسخه چندین پیشرفت را در پنل Elements به ارمغان می آورد.

اشکال زدایی مقادیر پیچیده CSS آسان تر است

برای کمک به اشکال‌زدایی مقادیر پیچیده CSS، تب Elements > Styles اکنون در یک راهنمای ابزار در حالت شناور به شما نشان می‌دهد:

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

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

قبل و بعد از افزودن یک راهنمای ابزار با زنجیره های تعریف و محاسبات پیچیده قابل گسترش.

شماره Chromium: 396080529 .

پشتیبانی @function در Elements > Styles

در آماده‌سازی برای پشتیبانی @function در کروم ، تب Elements > Styles اکنون نام‌های تابع سفارشی شما را در یک بخش اختصاصی به تعاریف آن‌ها پیوند می‌دهد.

قبل و بعد از پیوند نام تابع سفارشی خود به بخش مربوطه.

بهبود پنل شبکه

این نسخه چندین پیشرفت را در پنل شبکه به ارمغان می آورد.

فیلتر has-request-header

پانل شبکه اکنون از فیلتر has-request-header پشتیبانی می کند که به شما امکان می دهد با یک نام هدر درخواست خاص فیلتر کنید.

قبل و بعد از افزودن فیلتر 'has-request-header' به پنل Network.

شماره Chromium: 397481040 .

سوکت های مستقیم در برنامه های وب ایزوله

در پانل شبکه ، اکنون می توانید ترافیک برنامه های وب ایزوله (IWA) را از طریق TCPSocket، UDPSocket (در حالت محدود)، UDPSocket (در حالت متصل) نظارت کنید.

برای انجام این کار، یک اتصال directscoket را در کنار درخواست های معمولی در جدول انتخاب کنید و در تب Messages ، یک پیام را انتخاب کنید.

قبل و بعد از افزودن پشتیبانی از Direct Sockets در IWA به پنل شبکه.

برنامه های وب ایزوله (IWA) یک مدل امنیتی با اعتماد بالا برای برنامه های کاربردی وب ارائه می کنند. برای اطلاعات بیشتر، شروع به کار با برنامه های وب ایزوله را ببینید و برنامه آزمایشی را که Direct Sockets API را پیاده سازی می کند، بررسی کنید.

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

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

  • Application > Storage : گزینه منسوخ Web SQL را حذف کرد ( crbug.com/412707590 ).
  • عناصر :
  • شبکه : سرصفحه Referrer-Policy HTTP را از گزینه Copy as fetch حذف کرد زیرا یک سرصفحه پاسخ برای کنترل رفتار مرورگر است، نه یک دستورالعمل سمت سرویس گیرنده ( crbug.com/413904896 ).
  • عملکرد : اخطارهای «وظیفه طولانی» را از رشته‌های کارگر حذف کرد زیرا رشته‌های اصلی را مسدود نمی‌کنند ( crbug.com/40248589 ).
  • مسائل . اکنون گزارش می دهد:
    • اگر هر منبعی که مشکوک به ردیابی کاربران است مسدود شود.
    • کاهش‌های ردیابی پرش را بدون توجه به اینکه در طول تغییر مسیر به فضای ذخیره‌سازی دسترسی دارند یا خیر، انجام دهید.
  • دسترسی اکنون عناصر زیر در Elements > Styles قابل فوکوس روی صفحه کلید هستند:

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

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

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

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

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

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