ReportingObserver

Konstruktor

ReportingObserver()

Erstellt eine neue ReportingObserver-Objektinstanz, die verwendet werden kann, um Berichte zu sammeln und darauf zuzugreifen.

Instanzeigenschaften

Dieses Interface hat keine definierten Eigenschaften.

Instanzmethoden

ReportingObserver.disconnect()

Stoppt einen Reporting Observer, der zuvor mit der Beobachtung begonnen hat, damit er keine Berichte mehr sammelt.

ReportingObserver.observe()

Anweisung an einen Reporting Observer, mit dem Sammeln von Berichten in seiner Berichts-Warteschlange zu beginnen.

ReportingObserver.takeRecords()

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

Ereignisse

Dieses Interface hat keine Ereignisse, die darauf ausgelöst werden.

Beispiele

Anzeigen von Veraltungsberichten

Dieses Beispiel zeigt, wie man "deprecation"-Berichte mit einem ReportingObserver beobachtet.

<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

Zuerst konstruieren wir ein neues ReportingObserver-Objekt, um Berichte vom Typ "deprecation" zu empfangen, und übergeben eine Rückruffunktion, 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 wird der folgende Code ausgeführt, der synchrones XHR (veraltete API) verwendet. Beachten Sie, dass dies nach dem Beobachter definiert ist und ausgelöst wird, sobald der Beobachter läuft.

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

Ergebnisse

In Browsern, die Veraltungsberichte unterstützen, sollte unten ein Bericht angezeigt werden. Beachten Sie, dass der type "deprecation" ist.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Reporting API