PerformanceLongAnimationFrameTiming: метод toJSON()

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

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

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

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

Синтаксис

toJSON()

Параметры

Нет.

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

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

Примеры

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

В этом примере вызов entry.toJSON() возвращает JSON-представление объекта PerformanceLongAnimationFrameTiming.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    console.log(entry.toJSON());
  });
});

observer.observe({ type: "long-animation-frame", buffered: true });

Это будет выводить JSON-объект, похожий на следующий:

{
  "blockingDuration": 0,
  "duration": 60,
  "entryType": "long-animation-frame",
  "firstUIEventTimestamp": 11801.099999999627,
  "name": "long-animation-frame",
  "renderStart": 11858.800000000745,
  "scripts": [
    {
      "duration": 45,
      "entryType": "script",
      "executionStart": 11803.199999999255,
      "forcedStyleAndLayoutDuration": 0,
      "invoker": "DOMWindow.onclick",
      "invokerType": "event-listener",
      "name": "script",
      "pauseDuration": 0,
      "sourceURL": "https://web.dev/js/index-ffde4443.js",
      "sourceFunctionName": "myClickHandler",
      "sourceCharPosition": 17796,
      "startTime": 11803.199999999255,
      "window": [Window object],
      "windowAttribution": "self"
    }
  ],
  "startTime": 11802.400000000373,
  "styleAndLayoutStart": 11858.800000000745
}

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

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

Спецификация
API длинных анимационных кадров # dom-performancelonganimationframetiming-tojson

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`toJSON`	123	123	Нет	109	Нет	123	Нет	82	Нет	27.0	123

См. также

© 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/PerformanceLongAnimationFrameTiming/toJSON