DevTools के बारे में सलाह: यूज़र फ़्लो रिकॉर्डिंग में बदलाव करें, उन्हें डीबग, और एक्सपोर्ट करें

Sofia Emelianova
Sofia Emelianova

DevTools के रिकॉर्डर पैनल की मदद से, अपने पेज पर उपयोगकर्ता की कार्रवाइयों को कैप्चर किया जा सकता है. साथ ही, उन्हें फिर से चलाया जा सकता है, शेयर किया जा सकता है, और अलग-अलग फ़ॉर्मैट में एक्सपोर्ट किया जा सकता है. इन फ़ॉर्मैट का इस्तेमाल, सीआई/सीडी में किया जा सकता है.

रिकॉर्डर पैनल पर लगातार काम किया जा रहा है. इसमें हाल ही में नई सुविधाएं जोड़ी गई हैं, ताकि रिकॉर्डिंग में बदलाव किया जा सके, उन्हें डीबग किया जा सके, और एक्सपोर्ट किया जा सके.

रिकॉर्डर पैनल की मदद से, ये काम किए जा सकते हैं:

  • रीप्ले को धीमा करें, ब्रेकपॉइंट सेट करें, रोकें, फिर से शुरू करें या एक बार में एक चरण आगे बढ़ें.
  • रोकने के बाद, पेज के साथ इंटरैक्ट करें या ज़्यादा जांच के लिए दूसरे पैनल पर स्विच करें.
  • ऐसे चरण जोड़ें जिन्हें रिकॉर्डर अपने-आप कैप्चर नहीं करता. उदाहरण के लिए, माउस को घुमाने से रिकॉर्डिंग में गड़बड़ी होती है.
  • चरणों को कॉन्फ़िगर करें. उदाहरण के लिए, टाइम आउट, शर्तें, और एश्योरमेंट जोड़ें.
  • रिकॉर्डिंग को अलग-अलग फ़ॉर्मैट में एक्सपोर्ट करें. जैसे, JSON, @puppeteer/replay script, और Puppeteer script.

इसके अलावा, रिकॉर्डर पैनल के लिए, Chrome एक्सटेंशन का इस्तेमाल करके एक्सपोर्ट करने के ज़्यादा फ़ॉर्मैट जोड़े जा सकते हैं. फ़िलहाल, इन टूल के लिए एक्सटेंशन जोड़े जा सकते हैं: Cypress, WebPageTest, Nightwatch, Testing Library, और WebdriverIO. एक्सटेंशन की पूरी सूची देखें.

अधिक जानकारी के लिए: