ReportingObserver

Konstruktor

ReportingObserver()

Erstellt eine neue ReportingObserver-Objektinstanz, mit der Sie Berichte erfassen und darauf zugreifen können.

Instanzeigenschaften

Für diese Schnittstelle sind keine Eigenschaften definiert.

Instanzmethoden

ReportingObserver.disconnect()

Verhindert, dass ein zuvor gestarteter Reporting Observer weitere Berichte erfasst.

ReportingObserver.observe()

Weist einen Reporting Observer an, Berichte in seiner Berichtswarteschlange zu erfassen.

ReportingObserver.takeRecords()

Gibt die aktuelle Liste der Berichte in der Berichtswarteschlange des Observers zurück und leert die Warteschlange.

Ereignisse

Diese Schnittstelle löst keine Ereignisse aus.

Beispiele

Deprecation-Berichte anzeigen

Dieses Beispiel zeigt, wie Sie mit einem ReportingObserver Berichte des Typs "deprecation" erfassen.

<pre id="log"></pre>

#log {
  height: 200px;
  margin: 10px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

JavaScript

Zunächst erstellen wir ein neues ReportingObserver-Objekt, das auf Berichte des Typs "deprecation" wartet. Dabei übergeben wir eine Callback-Funktion, die die Berichte empfängt und protokolliert.

const options = {
  types: ["deprecation"],
  buffered: true,
};

const observer = new ReportingObserver((reports, observer) => {
  reports.forEach((report) => {
    // console.log(report);
    log(JSON.stringify(report, null, 2));
  });
}, options);

// Start the observer
observer.observe();

Anschließend führen wir den folgenden Code aus, der synchrones XHR verwendet (eine veraltete API). Beachten Sie, dass dieser Code erst nach dem Observer definiert wird, den er auslöst, sobald der Observer aktiv ist.

const xhr = new XMLHttpRequest();
xhr.open("GET", "/", false); // false = synchronous (deprecated)
xhr.send();

Ergebnisse

In Browsern, die Deprecation-Berichte unterstützen, sollte unten ein Bericht angezeigt werden. Beachten Sie, dass type den Wert "deprecation" hat.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Reporting API