Dale St. Marthe
از پانل Recorder برای ضبط، اندازه گیری و ویرایش جریان های کاربر استفاده کنید. پانل Recorder شامل مجموعه ای از ابزارهای تشخیصی است که می تواند به توسعه دهندگان frontend کمک کند تا مسیرهای تبدیل خود را بهبود بخشند و اشکال زدایی کنند. برای یک آموزش راهنما، ضبط، پخش مجدد، و اندازه گیری جریان کاربر را بررسی کنید.
بررسی اجمالی
پانل ضبط به شما امکان می دهد:
- ضبط و پخش مجدد جریان های کاربر : ضبط را شروع کنید تا پانل ضبط رویدادهای خاصی را در وب سایت یا برنامه شما ردیابی کند. پس از آن، می توانید یک جریان کاربر را دوباره پخش کنید و بین مراحل پرش کنید. برای درک بهتر آنچه در جریان کاربر اتفاق می افتد ، پخش مجدد را کاهش دهید . علاوه بر این، یاد بگیرید که چگونه می توانید با کتابخانه های خارجی دوباره پخش کنید .
- ویرایش و اشکال زدایی جریان های کاربر : مراحل یک جریان کاربر ثبت شده را حتی در حین ضبط ویرایش کنید . نقاط شکست را تنظیم کنید و یک جریان کاربر را مرحله به مرحله اجرا کنید. کد را بررسی کنید و نمای کنار هم از مراحل و کد آنها را ببینید.
- ایجاد نمایه های عملکرد : عملکرد یک جریان کاربر ثبت شده را با ایجاد نمایه و مشاهده گزارش در پانل عملکرد اندازه گیری کنید.
- اشتراک‌گذاری و صادر کردن جریان‌های کاربر : می‌توانید یک جریان کاربر را به‌عنوان یک فایل JSON یا در قالب‌های مختلف Puppeteer و در هر قالبی که توسط پسوندهای Export Recorder ارائه شده است صادر کنید. شما همچنین می توانید یک جریان کاربر را وارد کنید .
برای ادغام بهتر پنل ضبط در گردش کار و گسترش قابلیت های آن، پنل ضبط را با برنامه های افزودنی سفارشی کنید .
پنل Recorder را باز کنید
برای باز کردن پنل ضبط ، مراحل زیر را دنبال کنید:
- DevTools را باز کنید .
- منوی Command را با فشار دادن:
- macOS: Command + Shift + P
- Windows، Linux، ChromeOS: Control + Shift + P
- شروع به تایپ
Recorder panelکنید، Show Recorder panel را انتخاب کنید و Enter را فشار دهید.
از طرف دیگر، در گوشه بالا سمت راست، more_vert گزینه‌های بیشتر > ابزارهای بیشتر > پانل ضبط را انتخاب کنید.