ब्यौरा
DevTools में रिकॉर्डर पैनल को पसंद के मुताबिक बनाने के लिए, chrome.devtools.recorder
एपीआई का इस्तेमाल करें.
डेवलपर टूल एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी के लिए, DevTools API की खास जानकारी देखें.
उपलब्धता
सिद्धांत और उनका इस्तेमाल
chrome.devtools.performance एपीआई की मदद से, डेवलपर Chrome DevTools में परफ़ॉर्मेंस पैनल पैनल की रिकॉर्डिंग सुविधाओं के साथ इंटरैक्ट कर सकते हैं. रिकॉर्डिंग शुरू या बंद होने पर सूचनाएं पाने के लिए, इस एपीआई का इस्तेमाल किया जा सकता है.
दो इवेंट उपलब्ध हैं:
- onProfilingStarted: यह इवेंट तब ट्रिगर होता है, जब परफ़ॉर्मेंस पैनल, परफ़ॉर्मेंस का डेटा रिकॉर्ड करना शुरू करता है.
- onProfilingStopped: यह इवेंट तब ट्रिगर होता है, जब परफ़ॉर्मेंस पैनल, परफ़ॉर्मेंस का डेटा रिकॉर्ड करना बंद कर देता है. वह स्थिति जो मौजूदा स्टैक ट्रेस को Cre के साथ जोड़ती है दोनों इवेंट में, जुड़ा हुआ कोई पैरामीटर मौजूद नहीं है.
इन इवेंट को सुनकर, डेवलपर ऐसे एक्सटेंशन बना सकते हैं जो परफ़ॉर्मेंस पैनल में रिकॉर्डिंग की स्थिति के हिसाब से प्रतिक्रिया देते हैं. इससे परफ़ॉर्मेंस प्रोफ़ाइलिंग के दौरान ज़्यादा ऑटोमेशन की सुविधा मिलती है.
उदाहरण
रिकॉर्डिंग के स्टेटस के अपडेट सुनने के लिए, एपीआई का इस्तेमाल इस तरह किया जा सकता है
chrome.devtools.performance.onProfilingStarted.addListener(() => {
// Profiling started listener implementation
});
chrome.devtools.performance.onProfilingStopped.addListener(() => {
// Profiling stopped listener implementation
})
टाइप
RecorderExtensionPlugin
यह एक प्लगिन इंटरफ़ेस है, जिसे Recorder पैनल इस्तेमाल करके, Recorder पैनल को पसंद के मुताबिक बनाया जाता है.
प्रॉपर्टी
-
फिर से चलाएं
अमान्य
Chrome 112 और उसके बाद वाले वर्शन के लिएएक्सटेंशन को कस्टम फिर से चलाने की सुविधा लागू करने की अनुमति देता है.
replay
फ़ंक्शन इस तरह दिखता है:(recording: object) => {...}
-
रिकॉर्डिंग
ऑब्जेक्ट
पेज के साथ उपयोगकर्ता के इंटरैक्शन की रिकॉर्डिंग. यह Puppeteer के रिकॉर्डिंग स्कीमा से मेल खाना चाहिए.
-
-
stringify
अमान्य
रिकॉर्डर पैनल फ़ॉर्मैट में मौजूद रिकॉर्डिंग को स्ट्रिंग में बदलता है.
stringify
फ़ंक्शन इस तरह दिखता है:(recording: object) => {...}
-
रिकॉर्डिंग
ऑब्जेक्ट
पेज के साथ उपयोगकर्ता के इंटरैक्शन की रिकॉर्डिंग. यह Puppeteer के रिकॉर्डिंग स्कीमा से मेल खाना चाहिए.
-
-
stringifyStep
अमान्य
रिकॉर्डिंग के किसी चरण को रिकॉर्डर पैनल फ़ॉर्मैट से स्ट्रिंग में बदलता है.
stringifyStep
फ़ंक्शन इस तरह दिखता है:(step: object) => {...}
-
चरण
ऑब्जेक्ट
पेज के साथ उपयोगकर्ता के इंटरैक्शन को रिकॉर्ड करने का चरण. यह Puppeteer के स्टेप स्कीमा से मेल खाना चाहिए.
-
RecorderView
यह ऐसे व्यू को दिखाता है जिसे रिकॉर्डर पैनल में एम्बेड करने के लिए, एक्सटेंशन ने बनाया है.
प्रॉपर्टी
-
onHidden
इवेंट<Functionvoid>
व्यू छिपे होने पर ट्रिगर होता है.
onHidden.addListener
फ़ंक्शन इस तरह दिखता है:(callback: function) => {...}
-
कॉलबैक
फ़ंक्शन
callback
पैरामीटर ऐसा दिखता है:() => void
-
-
onShown
इवेंट<Functionvoid>
व्यू दिखाए जाने पर ट्रिगर होता है.
onShown.addListener
फ़ंक्शन इस तरह दिखता है:(callback: function) => {...}
-
कॉलबैक
फ़ंक्शन
callback
पैरामीटर ऐसा दिखता है:() => void
-
-
दिखाएं
अमान्य
इससे पता चलता है कि एक्सटेंशन इस व्यू को रिकॉर्डर पैनल में दिखाना चाहता है.
show
फ़ंक्शन इस तरह दिखता है:() => {...}
तरीके
createView()
chrome.devtools.recorder.createView(
title: string,
pagePath: string,
)
ऐसा व्यू बनाता है जो रीप्ले को हैंडल कर सकता है. यह व्यू, रिकॉर्डर पैनल के अंदर एम्बेड किया जाएगा.
पैरामीटर
-
title
स्ट्रिंग
वह टाइटल जो डेवलपर टूल टूलबार में एक्सटेंशन आइकॉन के बगल में दिखता है.
-
pagePath
स्ट्रिंग
एक्सटेंशन डायरेक्ट्री से जुड़े पैनल के एचटीएमएल पेज का पाथ.
रिटर्न
registerRecorderExtensionPlugin()
chrome.devtools.recorder.registerRecorderExtensionPlugin(
plugin: RecorderExtensionPlugin,
name: string,
mediaType: string,
)
Recorder एक्सटेंशन प्लगिन को रजिस्टर करता है.
पैरामीटर
-
प्लगिन
रिकॉर्डर एक्सटेंशन प्लगिन इंटरफ़ेस को लागू करने वाला इंस्टेंस.
-
नाम
स्ट्रिंग
प्लगिन का नाम.
-
mediaType
स्ट्रिंग
प्लगिन से तैयार किए गए स्ट्रिंग कॉन्टेंट का मीडिया टाइप.