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

Sofia Emelianova

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

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

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

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

حالت پیکربندی مسیر به شما امکان می‌دهد ترتیب مسیرها را تغییر داده و آنها را پنهان کنید. برای جابجایی مسیر ، روی فلش_بالا به بالا یا فلش_پایین به پایین کلیک کنید یا روی دید_خاموش به پایین کلیک کنید. برای خروج از حالت پیکربندی، روی پایان پیکربندی مسیرها در پایین کلیک کنید. این پیکربندی برای مسیرهای جدید ادامه می‌یابد اما برای جلسات بعدی DevTools اعمال نمی‌شود.

مشکل کروم: ۳۳۶۲۶۶۹۹

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

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

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

شماره کروم: ۳۳۶۲۶۶۷۱۴

سرعت پردازنده را 20 برابر کاهش دهید

منوی تنظیم سرعت پردازنده در تنظیمات Capture پنل Performance ، گزینه جدیدی برای کاهش سرعت تا ۲۰ برابر دریافت کرده است. بنابراین، اکنون می‌توانید مشکلات عملکرد دنیای واقعی را حتی در رایانه‌های رده بالا، با دقت بیشتری بازتولید و تجزیه و تحلیل کنید.

مشکل کرومیوم: ۳۲۴۹۷۸۸۸۱

پنل بینش‌های عملکرد منسوخ خواهد شد

پنل آزمایشی Performance insights در سال ۲۰۲۴ منسوخ خواهد شد. تیم DevTools در حال کار بر روی ادغام مفیدترین ویژگی‌های آن با پنل Performance است. پنل Performance insights اکنون بنری را در بالای صفحه نشان می‌دهد که شما را از منسوخ شدن قریب‌الوقوع مطلع می‌کند.

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

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

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

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

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

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

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

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

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

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

مشکل کروم: ۳۳۷۰۹۴۹۰۳

سطل‌های ذخیره‌سازی را در برنامه > ذخیره‌سازی بررسی کنید

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

مشکل کرومیوم: ۳۳۸۰۹۴۹۱۵

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

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

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

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

فانوس دریایی ۱۲.۰.۰

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

این به‌روزرسانی شامل تعدادی تغییر از جمله حذف دسته‌بندی PWA، سازماندهی مجدد دسته‌بندی سئو، منسوخ شدن صرفه‌جویی کلی، ممیزی‌های جدید و تغییرات ممیزی است. لیست کامل تغییرات را ببینید.

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

مشکل کروم: ۷۷۲۵۵۸

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

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

• عملکرد :
  • تنظیمات ضبط آهسته ( فعال کردن ابزار پیشرفته رنگ‌آمیزی و فعال کردن آمار انتخابگر CSS ) اکنون به طور خودکار در جلسه بعدی DevTools پاک می‌شوند.
  • تب آمار انتخابگر (Selector Stats ) اکنون هنگام بزرگنمایی نمودار شعله و تغییرات داده‌ها ( 337999939 ) به طور خودکار به پایین اسکرول نمی‌کند.
• کنسول : میانبر Ctrl + ` اکنون کنسول را در کشو فقط در صورتی که در حالت فوکوس باشد، می‌بندد ( ۴۰۸۷۵۴۶۶ ، ۳۲۸۲۱۰۷۸۵ ).
• تکمیل خودکار : مشکل تجزیه آدرس برطرف شده است ( ۳۳۵۴۰۹۰۹۳ ، ۳۳۵۴۰۹۷۰۷ ).
• دسترسی‌پذیری : مشکل اعلان‌های صفحه‌خوان برای رشته‌های محلی برطرف شد ( 324930007 ).

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

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

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

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

• بازخوردها و درخواست‌های مربوط به ویژگی‌های جدید را برای ما در crbug.com ارسال کنید.
• با استفاده از more_vert مشکل DevTools را گزارش دهید. گزینه‌های بیشتر > راهنما > گزارش مشکل DevTools در DevTools.
• توییت در @ChromeDevTools .
• نظرات خود را در مورد ویدیوهای یوتیوب «چه چیزهایی در DevTools جدید است» یا ویدیوهای یوتیوب «نکات DevTools» بنویسید.

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

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