این صفحه به‌وسیله ‏Cloud Translation API‏ ترجمه شده است.

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

Sofia Emelianova

بخش `@property` در Elements > Styles بهبود یافته است

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

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

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

شماره Chromium: 1471123 .

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

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

مشکلات مربوط به قانون مالکیت گزارش شده در برگه Issues.

شماره Chromium: 1473283 .

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

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

قبل و بعد از به روز رسانی لیست دستگاه.

شماره Chromium: 1479733 .

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

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

قبل و بعد از چاپ زیبای JSON درون خطی در تگ اسکریپت.

مسائل Chromium: 406900 ، 1473875 .

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

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

قبل و بعد از تکمیل خودکار برای فیلد کلاس خصوصی خارج از محدوده کلاس.

مسائل Chromium: 1483848 ، 1381806 .

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

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

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

مسائل Chromium: 772558 .

بهبود دسترسی

اکنون صفحه خوان ها مطالب زیر را می خوانند:

هشدارها و خطاها در کنسول
متن موجود در آیا به این کد اعتماد دارید؟ هنگام چسباندن کد به کنسول یا منابع گفتگو کنید.

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

مسائل Chromium: 1485257 ، 1486643 ، 1485263 .

منسوخ شدن وب SQL

بخش Application > Web SQL در Chrome 123 حذف می‌شود زیرا Web SQL Database API دیگر نگهداری نمی‌شود . این نسخه یک اخطار در مورد حذف آینده به بخش اضافه می کند.

هشدار منسوخ شدن وب SQL.

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

مسائل Chromium: 1485966 .

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

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

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

برای اطلاعات بیشتر، به Debug Progressive Web Apps و افزودن مانیفست برنامه وب مراجعه کنید.

تیم DevTools از Alexey Rodionov به خاطر اعمال این تغییر و سایر بهبودهای هشدار آشکار در نسخه قبلی تشکر می کند.

شماره Chromium: 1476656 .

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

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

عناصر :
- نمونه‌های تابع زمان‌بندی انیمیشن برای ویژگی‌های CSS طولانی در زیرنویس‌های قابل گسترش ( 1149182 ) نشان داده نمی‌شوند.
- تکمیل خودکار برای contain-intrinsic-* اکنون مقدار auto منفرد نادرستی را ارائه نمی دهد زیرا باید به صورت auto <length> ( 1480415 ) باشد.
- پشتیبانی از خواص -webkit-* منسوخ و نامعتبر حذف شده است ( 1086089 ، 1030765 ).
نقاط انفصال : رفع اشکال با محاوره ویرایش نقطه شکست ناپدید شدن زمانی که نوع نقطه شکست تغییر می کند ( 1485782 ).
کارایی :
- خطای تجزیه رنگ در حین ضبط عملکرد برطرف شده است ( 1480205 ).
- رفع اشکال با LCP نشان داده نشد در آهنگ زمانبندی ( 1487136 ).
شبکه : اکنون ستون Set cookies تعداد صحیح کوکی‌هایی که تنظیم شده‌اند را نشان می‌دهد، به استثنای مسدود شده ( 1486903 ).
برنامه‌های افزودنی DevTools اکنون پس از پیمایش به یک میزبان غیرمسدود بارگیری می‌شوند ( 1476264 ).
رفع اشکال با زمینه اجرای اسکریپت نادرست برای برنامه های افزودنی ( 1275331 ).

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

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

تماس با تیم Chrome DevTools

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

پیشنهاد یا بازخورد خود را از طریق crbug.com برای ما ارسال کنید.
با استفاده از گزینه های بیشتر ، مشکل DevTools را گزارش کنید > راهنما > گزارش مشکلات DevTools در DevTools.
توییت در @ChromeDevTools .
نظرات خود را در مورد ویدیوهای YouTube DevTools یا نکات DevTools در YouTube ما بنویسید.

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

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

کروم 124

کروم 123

کروم 122

کروم 121

کروم 120

کروم 119

کروم 118

کروم 117

کروم 116

کروم 115

کروم 114

کروم 113

کروم 112

کروم 111

کروم 110

کروم 109

کروم 108

کروم 107

کروم 106

کروم 105

کروم 104

کروم 103

کروم 102

کروم 101

کروم 100

کروم 99

کروم 98

کروم 97

کروم 96

کروم 95

کروم 94

کروم 93

کروم 92

کروم 91

کروم 90

کروم 89

کروم 88

کروم 87

کروم 86

کروم 85

کروم 84

کروم 83

کروم 82

Chrome 82 لغو شد .

کروم 81

کروم 80

کروم 79

کروم 78

کروم 77

کروم 76

کروم 75

کروم 74

کروم 73

کروم 72

معیارهای عملکرد را در پانل عملکرد تجسم کنید
گره های متنی را در درخت DOM برجسته کنید
مسیر JS را در یک گره DOM کپی کنید
به‌روزرسانی‌های پنل حسابرسی ، از جمله ممیزی جدید که کتابخانه‌های JS و کلمات کلیدی جدید را برای دسترسی به پنل حسابرسی از منوی فرمان شناسایی می‌کند.
نکته امتیاز: از حالت دستگاه برای بررسی درخواست های رسانه استفاده کنید (ویدئو)