چیزهای جدید در DevTools (Chrome 97)

جسلین ین

ویژگی پیش نمایش: پنل ضبط جدید

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

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

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

برای کسب اطلاعات بیشتر با آموزش گام به گام، به مستندات پنل Recorder بروید!

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

پنل ضبط

شماره Chromium: 1257499

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

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

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

شماره Chromium: 1223525

تکمیل خودکار با ویرایش به عنوان HTML

ویرایش به عنوان HTML UI اکنون از تکمیل خودکار و برجسته‌سازی نحو پشتیبانی می‌کند. در پنل Elements ، روی یک عنصر کلیک راست کرده و Edit as HTML را انتخاب کنید. سعی کنید یک ویژگی DOM را تایپ کنید (به عنوان مثال id ، aria )، تکمیل خودکار باید به شما کمک کند تا نام دارایی مورد نظر خود را پیدا کنید.

تکمیل خودکار با ویرایش به عنوان HTML

شماره Chromium: 1215072

بهبود تجربه اشکال زدایی کد

شماره ستون ها اکنون در خطای خروجی در کنسول گنجانده شده است. دسترسی آسان به شماره ستون برای اشکال زدایی به خصوص با جاوا اسکریپت کوچک شده ضروری است.

شماره ستون در خطای خروجی

شماره Chromium: 1073064

[تجربی] همگام سازی تنظیمات DevTools در بین دستگاه ها

وقتی همگام‌سازی نمایه Chrome را روشن می‌کنید، تنظیمات DevTools شما اکنون به‌طور پیش‌فرض در بین دستگاه‌ها همگام‌سازی می‌شوند. می توانید تنظیمات همگام سازی DevTools را از طریق Settings > Sync > Enable settings sync را تغییر دهید.

تنظیمات همگام سازی DevTools

این تنظیم جدید کار با دستگاه‌ها را برای شما آسان‌تر می‌کند. برای مثال، تنظیمات ظاهری زیر همگام‌سازی می‌شوند تا تجربه‌ای ثابت در همه دستگاه‌ها داشته باشید و نیازی به تعریف مجدد تنظیمات مشابه نداشته باشید. درباره ویژگی همگام سازی در سفارشی سازی DevTools بیشتر بیاموزید.

تنظیمات ظاهری

این ویژگی در حال حاضر آزمایشی است، تیم هنوز فعالانه روی آن کار می کند. اگر بازخوردی دارید، لطفاً در اینجا با ما به اشتراک بگذارید.

شماره Chromium: 1245541

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

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

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

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

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

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