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

Jecelyn Yeen

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

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

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

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

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

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

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

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

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

مشکل کرومیوم: ۱۲۲۳۵۲۵

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

رابط کاربری «ویرایش به عنوان HTML» اکنون از تکمیل خودکار و هایلایت‌های سینتکس پشتیبانی می‌کند. در پنل عناصر ، روی یک عنصر کلیک راست کرده و «ویرایش به عنوان HTML» را انتخاب کنید. سعی کنید یک ویژگی DOM (مثلاً id ، aria ) را تایپ کنید، تکمیل خودکار باید به شما در یافتن نام ویژگی مورد نظر کمک کند.

مشکل کرومیوم: ۱۲۱۵۰۷۲

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

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

مشکل کرومیوم: ۱۰۷۳۰۶۴

[آزمایشی] همگام‌سازی تنظیمات DevTools در دستگاه‌ها

تنظیمات DevTools شما اکنون به طور پیش‌فرض هنگام فعال کردن همگام‌سازی پروفایل کروم، در بین دستگاه‌های مختلف همگام‌سازی می‌شوند. می‌توانید تنظیمات همگام‌سازی DevTools را از طریق تنظیمات > همگام‌سازی > فعال کردن همگام‌سازی تنظیمات تغییر دهید.

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

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

مشکل کرومیوم: ۱۲۴۵۵۴۱

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

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

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

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

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

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

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