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

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

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

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

با حالت پیکربندی آهنگ به روز شده، آهنگ ها را جابه جا و پنهان کنید

اکنون می توانید با کلیک راست روی نام آهنگ و انتخاب پیکربندی آهنگ ها وارد حالت پیکربندی آهنگ شوید. دکمه ویرایش که به فضای اضافی نیاز داشت حذف شده است.

قبل و بعد از جایگزینی دکمه ویرایش با یک گزینه منو.

حالت پیکربندی آهنگ به شما امکان می دهد ترتیب آهنگ ها را تغییر دهید و آنها را پنهان کنید. برای جابجایی مسیر روی به بالا یا down کلیک کنید یا روی hide کلیک کنید. برای خروج از حالت پیکربندی، روی Finish configuring tracks در پایین کلیک کنید. این پیکربندی برای ردیابی های جدید باقی می ماند اما برای جلسات بعدی DevTools نه.

شماره Chromium: 336266699 .

اسکریپت های موجود در نمودار شعله را نادیده بگیرید

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

گزینه منو برای افزودن اسکریپت به لیست نادیده گرفته شده، اسکریپت های علامت گذاری شده به عنوان نادیده گرفته شده و قوانین مربوطه در تنظیمات.

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

شماره Chromium: 336266714 .

سی پی یو را 20 برابر کاهش دهید

منوی throttling CPU در تنظیمات Capture پانل Performance یک گزینه کاهش سرعت 20 برابری جدید دریافت می کند. بنابراین، اکنون می توانید با دقت بیشتری مسائل مربوط به عملکرد دنیای واقعی را حتی در رایانه های رده بالا بازتولید و تجزیه و تحلیل کنید.

قبل و بعد از افزودن گزینه '20x slowdonw' به 'Capture settings'.

شماره Chromium: 324978881 .

پانل اطلاعات آماری عملکرد منسوخ خواهد شد

پانل آزمایشی اطلاعات بینش عملکرد در سال 2024 منسوخ خواهد شد. تیم DevTools در حال کار بر روی یکپارچه کردن مفیدترین ویژگی های آن در پانل عملکرد است. پانل اطلاعات آماری عملکرد اکنون بنری را در بالا نشان می دهد که شما را در مورد منسوخ شدن آینده مطلع می کند.

بنر هشدار منسوخ شدن در پانل "اطلاعات آماری عملکرد".

برای کسب اطلاعات بیشتر، ابزار عملکرد در سال 2024 و بعد از آن را ببینید.

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

کل رشته های هدر را جایگذاری کنید تا آنها را لغو کنید

وقتی سرصفحه‌ها را نادیده می‌گیرید ، اکنون می‌توانید کل رشته سرصفحه ( HEADER_NAME : VALUE ) را جای‌گذاری کنید و DevTools رشته را در : به نام سرصفحه و مقدار آن تقسیم می‌کند.

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

هنگام ویرایش سرصفحه ها، پانل شبکه اکنون به شما هشدار می دهد اگر نویسه هایی غیر از حروف اعداد، خط فاصله و زیرخط وارد کرده باشید.

هشدار در کنار نام سرصفحه با نویسه‌های پشتیبانی‌نشده.

به‌علاوه، گزینه‌های منو لغو و دکمه‌های ویرایش برای chrome:// -URL غیرفعال هستند که با رفتار مورد نظر مطابقت دارد.

مسائل Chromium: 330967147 , 337012362 , 328210785 .

استفاده بیش از حد از حافظه را با فیلترهای جدید در عکس های فوری پیدا کنید

عکس‌های فوری پشته‌ای در پانل حافظه ، فیلترهای جدیدی دریافت می‌کنند که می‌توانند به شما کمک کنند موارد رایج استفاده ناکارآمد از حافظه، مانند رشته‌های تکراری، اشیاء حفظ شده توسط گره‌های DOM جدا شده و DevTools Console را پیدا کنید.

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

شماره Chromium: 337094903 .

سطل های ذخیره سازی را در Application > Storage بررسی کنید

اکنون می توانید سطل های ذخیره سازی را در یک درخت اختصاصی در بخش Application > Storage بررسی کنید. این درخت که قبلاً آزمایشی بود، به طور پیش فرض فعال شده است.

قبل و بعد از فعال کردن درخت سطل ذخیره سازی در بخش Storage.

شماره Chromium: 338094915 .

هشدارهای self-XSS را با پرچم خط فرمان غیرفعال کنید

اگر استفاده از Chrome را خودکار می‌کنید یا ابزارهای DevTools را از خط فرمان برای اشکال‌زدایی باز می‌کنید، اغلب می‌خواهید هشدار self-XSS را که در هر جلسه DevTools جدید ظاهر می‌شود، غیرفعال کنید.

گفتگوی هشدار self-xss در کنسول.

اکنون می‌توانید با ارسال پرچم خط فرمان --unsafely-disable-devtools-self-xss-warnings به Chrome، این گفتگو را غیرفعال کنید.

شماره Chromium: 41491762 .

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

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

این به روز رسانی تعدادی تغییرات را به همراه دارد، از جمله حذف دسته PWA، سازماندهی مجدد دسته SEO، حذف کلی پس انداز، ممیزی های جدید و تغییرات حسابرسی. لیست کامل تغییرات را ببینید.

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

شماره Chromium: 772558 .

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

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

  • عملکرد :
    • تنظیمات ضبط آهسته ( فعال کردن ابزار دقیق رنگ پیشرفته و فعال کردن آمار انتخابگر CSS ) اکنون به طور خودکار در جلسه DevTools بعدی پاک می شود.
    • اکنون با بزرگنمایی نمودار شعله و تغییر داده ها، برگه Stats Selector به طور خودکار به پایین اسکرول نمی شود ( 337999939 ).
  • کنسول : میانبر Ctrl + ` اکنون کنسول موجود در کشو را تنها در صورتی می بندد که در فوکوس باشد ( 40875466 , 328210785 ).
  • تکمیل خودکار : تجزیه آدرس ثابت است ( 335409093 ، 335409707 ).
  • دسترس‌پذیری : اعلان‌های صفحه‌خوان برای رشته‌های بومی‌سازی شده ثابت هستند ( 324930007 ).

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

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

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

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

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

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