chrome.devtools.performance

ब्यौरा

DevTools में रिकॉर्डर पैनल को पसंद के मुताबिक बनाने के लिए, chrome.devtools.recorder एपीआई का इस्तेमाल करें.

डेवलपर टूल एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी के लिए, DevTools API की खास जानकारी देखें.

उपलब्धता

Chrome 105 और उसके बाद वाले वर्शन

सिद्धांत और उनका इस्तेमाल

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) => {...}

  • stringify

    अमान्य

    रिकॉर्डर पैनल फ़ॉर्मैट में मौजूद रिकॉर्डिंग को स्ट्रिंग में बदलता है.

    stringify फ़ंक्शन इस तरह दिखता है: 

    (recording: object) => {...}

  • stringifyStep

    अमान्य

    रिकॉर्डिंग के किसी चरण को रिकॉर्डर पैनल फ़ॉर्मैट से स्ट्रिंग में बदलता है.

    stringifyStep फ़ंक्शन इस तरह दिखता है: 

    (step: object) => {...}

    • चरण

      ऑब्जेक्ट

      पेज के साथ उपयोगकर्ता के इंटरैक्शन को रिकॉर्ड करने का चरण. यह Puppeteer के स्टेप स्कीमा से मेल खाना चाहिए.

RecorderView

Chrome 112 और उसके बाद वाले वर्शन के लिए

यह ऐसे व्यू को दिखाता है जिसे रिकॉर्डर पैनल में एम्बेड करने के लिए, एक्सटेंशन ने बनाया है.

प्रॉपर्टी

  • onHidden

    इवेंट<Functionvoid>

    व्यू छिपे होने पर ट्रिगर होता है.

    onHidden.addListener फ़ंक्शन इस तरह दिखता है: 

    (callback: function) => {...}

    • कॉलबैक

      फ़ंक्शन

      callback पैरामीटर ऐसा दिखता है: 

      () => void

  • onShown

    इवेंट<Functionvoid>

    व्यू दिखाए जाने पर ट्रिगर होता है.

    onShown.addListener फ़ंक्शन इस तरह दिखता है: 

    (callback: function) => {...}

    • कॉलबैक

      फ़ंक्शन

      callback पैरामीटर ऐसा दिखता है: 

      () => void

  • दिखाएं

    अमान्य

    इससे पता चलता है कि एक्सटेंशन इस व्यू को रिकॉर्डर पैनल में दिखाना चाहता है.

    show फ़ंक्शन इस तरह दिखता है: 

    () => {...}

तरीके

createView()

Chrome 112 और उसके बाद वाले वर्शन के लिए 
chrome.devtools.recorder.createView(
  title: string,
  pagePath: string,
)

ऐसा व्यू बनाता है जो रीप्ले को हैंडल कर सकता है. यह व्यू, रिकॉर्डर पैनल के अंदर एम्बेड किया जाएगा.

पैरामीटर

  • title

    स्ट्रिंग

    वह टाइटल जो डेवलपर टूल टूलबार में एक्सटेंशन आइकॉन के बगल में दिखता है.

  • pagePath

    स्ट्रिंग

    एक्सटेंशन डायरेक्ट्री से जुड़े पैनल के एचटीएमएल पेज का पाथ.

रिटर्न

registerRecorderExtensionPlugin()

chrome.devtools.recorder.registerRecorderExtensionPlugin(
  plugin: RecorderExtensionPlugin,
  name: string,
  mediaType: string,
)

Recorder एक्सटेंशन प्लगिन को रजिस्टर करता है.

पैरामीटर

  • प्लगिन

    RecorderExtensionPlugin

    रिकॉर्डर एक्सटेंशन प्लगिन इंटरफ़ेस को लागू करने वाला इंस्टेंस.

  • नाम

    स्ट्रिंग

    प्लगिन का नाम.

  • mediaType

    स्ट्रिंग

    प्लगिन से तैयार किए गए स्ट्रिंग कॉन्टेंट का मीडिया टाइप.