LargestContentfulPaint: url-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte url
-Eigenschaft des LargestContentfulPaint
-Interfaces gibt die Anfrage-URL des Elements zurück, wenn das Element ein Bild ist.
Wert
Ein String, der eine URL enthält.
Beispiele
Protokollierung der URL des größten inhaltsreichen Paints
Dieses Beispiel verwendet einen PerformanceObserver
, der über neue largest-contentful-paint
-Leistungseinträge informiert, sobald sie in der Leistungstimeline des Browsers aufgezeichnet werden. Die buffered
-Option wird verwendet, um auf Einträge zuzugreifen, die vor der Erstellung des Observers vorhanden waren.
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.url);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
Spezifikationen
Specification |
---|
Largest Contentful Paint # dom-largestcontentfulpaint-url |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
url |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support