Dale St. Marthe
उपयोगकर्ता फ़्लो को रिकॉर्ड करने, मेज़र करने, और उनमें बदलाव करने के लिए, रिकॉर्डर पैनल का इस्तेमाल करें. रिकॉर्डर पैनल में गड़बड़ी की जानकारी देने वाले टूल का एक सेट होता है. इनकी मदद से, फ़्रंटएंड डेवलपर अपने कन्वर्ज़न पाथ को बेहतर बना सकते हैं और उनमें गड़बड़ी को ठीक कर सकते हैं. निर्देशों वाला ट्यूटोरियल देखने के लिए, उपयोगकर्ता फ़्लो रिकॉर्ड करना, फिर से चलाना, और मेज़र करना लेख पढ़ें.
खास जानकारी
रिकॉर्डर पैनल की मदद से ये काम किए जा सकते हैं:
- उपयोगकर्ता फ़्लो रिकॉर्ड करना और उन्हें फिर से चलाना: रिकॉर्डर पैनल को आपकी वेबसाइट या ऐप्लिकेशन पर कुछ इवेंट ट्रैक करने के लिए, रिकॉर्डिंग शुरू करें. इसके बाद, उपयोगकर्ता फ़्लो को फिर से चलाया जा सकता है और चरणों के बीच कूदा जा सकता है. उपयोगकर्ता फ़्लो में क्या होता है, यह बेहतर तरीके से समझने के लिए रीप्ले को धीमा करें. इसके अलावा, बाहरी लाइब्रेरी से रीप्ले करने का तरीका भी जानें.
- उपयोगकर्ता फ़्लो में बदलाव करना और उन्हें डीबग करना: रिकॉर्ड किए गए उपयोगकर्ता फ़्लो के चरणों में बदलाव करना. ऐसा रिकॉर्डिंग के दौरान भी किया जा सकता है. ब्रेकपॉइंट सेट करें और यूज़र फ़्लो को चरण-दर-चरण लागू करें. कोड की जांच करें और चरणों और उनके कोड को एक साथ देखें.
- परफ़ॉर्मेंस प्रोफ़ाइल जनरेट करना: प्रोफ़ाइल जनरेट करके और परफ़ॉर्मेंस पैनल में रिपोर्ट देखकर, रिकॉर्ड किए गए उपयोगकर्ता फ़्लो की परफ़ॉर्मेंस मेज़र करें.
- उपयोगकर्ता फ़्लो शेयर और एक्सपोर्ट करना: उपयोगकर्ता फ़्लो को JSON फ़ाइल के तौर पर या कई Puppeteer फ़ॉर्मैट में एक्सपोर्ट किया जा सकता है. साथ ही, रिकॉर्डर के एक्सपोर्ट एक्सटेंशन से मिले किसी भी फ़ॉर्मैट में एक्सपोर्ट किया जा सकता है. यूज़र फ़्लो इंपोर्ट भी किया जा सकता है.
Recorder पैनल को अपने वर्कफ़्लो में बेहतर तरीके से इंटिग्रेट करने और उसकी सुविधाओं को बढ़ाने के लिए, एक्सटेंशन की मदद से Recorder पैनल को पसंद के मुताबिक बनाएं.
Recorder पैनल खोलना
रिकॉर्डर पैनल खोलने के लिए, यह तरीका अपनाएं:
- DevTools खोलें.
- कमांड मेन्यू खोलने के लिए, यह दबाएं:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
Recorder panelटाइप करना शुरू करें. इसके बाद, रिकॉर्डर पैनल दिखाएं को चुनें और Enter दबाएं.
इसके अलावा, सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प > ज़्यादा टूल > रिकॉर्डर पैनल को चुनें.