موارد جدید در DevTools (Chrome 119)

Sofia Emelianova

بخش @property در عناصر > سبک‌ها بهبود یافته است

قانون @property قابل ویرایش

اکنون می‌توانید @property CSS at-rule‎ را در بخش مربوطه در پنل Elements > Styles ویرایش کنید.

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

مشکلات مربوط به قوانین نامعتبر @property گزارش شده است

تب «مسائل» اکنون مشکلات مربوط به اعلان‌های نامعتبر در قوانین @property را گزارش می‌دهد.

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

فهرست به‌روزرسانی‌شده‌ی دستگاه‌های قابل شبیه‌سازی

رشته‌های عامل کاربر در تنظیمات > دستگاه‌ها به‌روزرسانی شده است تا میانگین استفاده از مرورگرها و سیستم‌عامل‌ها را نشان دهد. اکنون می‌توانید دستگاه‌های به‌روز بیشتری را در حالت دستگاه شبیه‌سازی کنید.

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

چاپ زیبا و درون خطی JSON در تگ‌های اسکریپت در منابع

پنل منابع (Sources) اکنون از چاپ زیبا و درون‌خطی JSON در تگ‌های <script> HTML برای اشکال‌زدایی آسان‌تر پشتیبانی می‌کند.

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

تکمیل خودکار فیلدهای خصوصی در کنسول

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

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

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

پنل Lighthouse اکنون Lighthouse 11.1.0 را اجرا می‌کند. لیست کامل تغییرات را ببینید.

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

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

بهبودهای دسترسی

خوانندگان صفحه اکنون موارد زیر را می‌خوانند:

• هشدارها و خطاها در کنسول
• متن موجود در کادر محاوره‌ای «آیا به این کد اعتماد دارید؟ » هنگام پیست کردن کد در Console یا Sources .

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

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

منسوخ شدن SQL وب

بخش Application > Web SQL در کروم ۱۲۳ حذف خواهد شد زیرا API پایگاه داده Web SQL دیگر پشتیبانی نمی‌شود . این نسخه هشداری در مورد حذف قریب‌الوقوع به این بخش اضافه می‌کند.

برای اطلاعات بیشتر، به منسوخ کردن و حذف Web SQL مراجعه کنید.

مشکلات کروم: ۱۴۸۵۹۶۶

اعتبارسنجی نسبت ابعاد تصویر در Application > Manifest

بخش Application > Manifest اکنون بررسی می‌کند که آیا اسکرین‌شات‌های برنامه وب شما با فرم فاکتور یکسان ( wide یا narrow ) نسبت ابعاد یکسانی دارند یا خیر.

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

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

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

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

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

• عناصر :
  • نمونه‌های تابع زمان‌بندی انیمیشن برای ویژگی‌های CSS طولانی‌مدت تحت ویژگی‌های مختصرنویسی قابل بسط ( 1149182 ) نشان داده نمی‌شوند.
  • تکمیل خودکار برای contain-intrinsic-* اکنون مقدار نادرست auto تکی را ارائه نمی‌دهد زیرا باید auto <length> ( 1480415 ) باشد.
  • پشتیبانی از ویژگی‌های منسوخ‌شده و نامعتبر -webkit-* ‎ حذف شده است ( 1086089 ، 1030765 ).
• نقاط شکست : اشکال ناپدید شدن کادر ویرایش نقطه شکست هنگام تغییر نوع نقطه شکست ( 1485782 ) برطرف شد.
• عملکرد :
  • خطای تجزیه رنگ در حین ضبط عملکرد برطرف شده است ( 1480205 ).
  • اشکالی که باعث می‌شد LCP در مسیر زمان‌بندی نمایش داده نشود ( 1487136 ) برطرف شد.
• شبکه : ستون «تنظیم کوکی‌ها» اکنون تعداد صحیح کوکی‌های تنظیم‌شده را نشان می‌دهد، به استثنای کوکی‌های مسدودشده ( ۱۴۸۶۹۰۳ ).
• افزونه‌های DevTools اکنون پس از پیمایش به یک میزبان غیر مسدود شده ( 1476264 ) بارگذاری می‌شوند.
• اشکال مربوط به زمینه اجرای نادرست اسکریپت برای افزونه‌ها ( ۱۲۷۵۳۳۱ ) برطرف شد.

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

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

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

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

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

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

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