DevTools টিপস: ব্যবহারকারীর প্রবাহ রেকর্ডিং সম্পাদনা, ডিবাগ এবং রপ্তানি করুন

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

DevTools রেকর্ডার প্যানেল আপনাকে আপনার পৃষ্ঠায় ব্যবহারকারীর অ্যাকশন ক্যাপচার করতে, রিপ্লে করতে, শেয়ার করতে এবং বিভিন্ন ফর্ম্যাটে রপ্তানি করতে দেয় যা আপনি আপনার CI/CD-এ ব্যবহার করতে পারেন।

রেকর্ডার প্যানেলটি সক্রিয় বিকাশে রয়েছে এবং আপনাকে রেকর্ডিং সম্পাদনা, ডিবাগ এবং রপ্তানি করতে সহায়তা করার জন্য সম্প্রতি নতুন বৈশিষ্ট্য যুক্ত করেছে৷

রেকর্ডার প্যানেলের সাথে, আপনি করতে পারেন:

  • রিপ্লে মন্থর করুন, ব্রেকপয়েন্ট সেট করুন, বিরতি দিন, পুনরায় শুরু করুন, বা একবারে এক ধাপে সম্পাদন করুন।
  • বিরাম দেওয়া হলে, পৃষ্ঠাটির সাথে ইন্টারঅ্যাক্ট করুন বা আরও পরিদর্শনের জন্য অন্য প্যানেলে স্যুইচ করুন।
  • রেকর্ডার স্বয়ংক্রিয়ভাবে ক্যাপচার করে না এমন পদক্ষেপগুলি যোগ করুন। উদাহরণস্বরূপ, মাউস হভার যা অন্যথায় রেকর্ডিংকে দূষিত করে।
  • ধাপগুলি কনফিগার করুন, উদাহরণস্বরূপ, টাইমআউট, শর্ত এবং দাবী যোগ করুন।
  • JSON, @puppeteer/replay স্ক্রিপ্ট এবং Puppeteer স্ক্রিপ্টের মতো বিভিন্ন ফরম্যাটে রেকর্ডিংগুলি রপ্তানি করুন।

উপরন্তু, আপনি রেকর্ডার প্যানেলের জন্য Chrome এক্সটেনশন ব্যবহার করে আরও রপ্তানি ফর্ম্যাট যোগ করতে পারেন। লেখার সময়, আপনি নিম্নলিখিত সরঞ্জামগুলির জন্য এক্সটেনশন যোগ করতে পারেন: সাইপ্রেস , ওয়েবপেজটেস্ট , নাইটওয়াচ , টেস্টিং লাইব্রেরি , এবং ওয়েবড্রাইভারআইওএক্সটেনশনের সম্পূর্ণ তালিকা দেখুন।

আরও তথ্যের জন্য: