PerformanceElementTiming: метод toJSON()

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех распространённых браузерах.

Экспериментальная: Это экспериментальная технология.
Перед использованием в производстве тщательно изучите таблицу совместимости с браузерами.

Метод toJSON() интерфейса PerformanceElementTiming является сериализатором; он возвращает JSON-представление объекта PerformanceElementTiming.

Синтаксис

toJSON()

Параметры

Нет.

Возвращаемое значение

Объект JSON, представляющий сериализованный объект PerformanceElementTiming.

JSON не содержит свойство element, поскольку оно имеет тип Element, который не предоставляет операцию toJSON(). Однако предоставляется свойство id элемента.

Примеры

Использование метода toJSON

В этом примере, вызов entry.toJSON() возвращает JSON-представление объекта PerformanceElementTiming, содержащее информацию об элементе изображения.

<img
  src="image.jpg"
  alt="a nice image"
  elementtiming="big-image"
  id="myImage" />

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.identifier === "big-image") {
      console.log(entry.toJSON());
    }
  });
});
observer.observe({ type: "element", buffered: true });

Это выведет JSON-объект примерно такого вида:

{
  "name": "image-paint",
  "entryType": "element",
  "startTime": 670894.1000000238,
  "duration": 0,
  "renderTime": 0,
  "loadTime": 670894.1000000238,
  "intersectionRect": {
    "x": 299,
    "y": 76,
    "width": 135,
    "height": 155,
    "top": 76,
    "right": 434,
    "bottom": 231,
    "left": 299
  },
  "identifier": "big-image",
  "naturalWidth": 135,
  "naturalHeight": 155,
  "id": "myImage",
  "url": "https://en.wikipedia.org/static/images/project-logos/enwiki.png"
}

Чтобы получить строку JSON, можно напрямую использовать JSON.stringify(entry); он автоматически вызовет toJSON().

Спецификации

Спецификация
API времени работы элемента # dom-performanceelementtiming-tojson

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`toJSON`	77	79	Нет	64	Нет	77	Нет	55	Нет	12.0	77

См. также

JSON

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceElementTiming/toJSON