chrome.devtools.performance

Açıklama

Geliştirici Araçları'ndaki Kaydedici panelini özelleştirmek için chrome.devtools.recorder API'yi kullanın.

Geliştirici Araçları API'lerinin kullanımıyla ilgili genel bilgiler için Geliştirici Araçları API'leri özeti sayfasına bakın.

Kullanılabilirlik

Chrome 105 ve sonraki sürümler 'nı inceleyin.

Kavramlar ve kullanım

chrome.devtools.performance API'si, geliştiricilerin, Chrome Geliştirici Araçları'ndaki Performans paneli panelinin kayıt özellikleriyle etkileşime girmesine olanak tanır. Kayıt başladığında veya durduğunda bildirim almak için bu API'yi kullanabilirsiniz.

İki etkinlik vardır:

  • onProfilingStarted: Bu etkinlik, Performans paneli performans verilerini kaydetmeye başladığında tetiklenir.
  • onProfilingStopped: Bu etkinlik, Performans paneli performans verilerini kaydetmeyi durdurduğunda tetiklenir. kronometreyi, mevcut yığın izlemeyi (stack trace) İki etkinliğin de ilişkilendirilmiş parametresi yok.

Geliştiriciler bu etkinlikleri dinleyerek Performans panelindeki kayıt durumuna tepki veren uzantılar oluşturabilir ve performans profili çıkarma sırasında ek otomasyon sağlayabilir.

Örnekler

Kayıt durum güncellemelerini dinlemek için API'yi bu şekilde kullanabilirsiniz.


chrome.devtools.performance.onProfilingStarted.addListener(() => {
  // Profiling started listener implementation
});

chrome.devtools.performance.onProfilingStopped.addListener(() => {
  // Profiling stopped listener implementation
})

Türler

RecorderExtensionPlugin

Kaydedici panelinin Kaydedici panelini özelleştirmek için çağırdığı eklenti arayüzü.

Özellikler

  • yeniden oynat

    geçersiz

    Chrome 112 ve sonraki sürümler 'nı inceleyin.

    Uzantının, özel tekrar oynatma işlevini uygulamasına izin verir.

    replay işlevi aşağıdaki gibi görünür: 

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

  • stringify

    geçersiz

    Kaydedici paneli biçimindeki bir kaydı dizeye dönüştürür.

    stringify işlevi aşağıdaki gibi görünür: 

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

  • stringifyStep

    geçersiz

    Kaydedici paneli biçimindeki kaydın bir adımını dizeye dönüştürür.

    stringifyStep işlevi aşağıdaki gibi görünür: 

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

RecorderView

Chrome 112 ve sonraki sürümler 'nı inceleyin.

Kaydedici paneline yerleştirilecek uzantı tarafından oluşturulan bir görünümü temsil eder.

Özellikler

  • onHidden

    Etkinlik<İşlevler geçersiz>

    Görünüm gizlendiğinde tetiklenir.

    onHidden.addListener işlevi aşağıdaki gibi görünür: 

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

    • geri çağırma

      işlev

      callback parametresi şu şekilde görünür: 

      () => void

  • onShown

    Etkinlik<İşlevler geçersiz>

    Görünüm gösterildiğinde tetiklenir.

    onShown.addListener işlevi aşağıdaki gibi görünür: 

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

    • geri çağırma

      işlev

      callback parametresi şu şekilde görünür: 

      () => void

  • göster

    geçersiz

    Uzantının, Kaydedici panelinde bu görünümü göstermek istediğini belirtir.

    show işlevi aşağıdaki gibi görünür: 

    () => {...}

Yöntemler

createView()

Chrome 112 ve sonraki sürümler 'nı inceleyin.
chrome.devtools.recorder.createView(
  title: string,
  pagePath: string,
)

Tekrar oynatmayı işleyebilecek bir görünüm oluşturur. Bu görünüm, Kaydedici paneline yerleştirilir.

Parametreler

  • title

    dize

    Geliştirici Araçları araç çubuğundaki uzantı simgesinin yanında görüntülenen başlık.

  • pagePath

    dize

    Uzantı dizinine göre panelin HTML sayfasının yolu.

İadeler

registerRecorderExtensionPlugin()

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

Kaydedici uzantı eklentisi kaydeder.

Parametreler

  • Kaydedici Uzatma eklentisini uygulayan bir örnek.

  • ad

    dize

    Eklentinin adı.

  • mediaType

    dize

    Eklentinin oluşturduğu dize içeriğinin medya türü.