LayoutShift: метод toJSON()

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

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

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

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

Синтаксис

toJSON()

Параметры

Нет.

Значение возврата

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

Примеры

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

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

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

observer.observe({ type: "layout-shift", buffered: true });

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

{
  "name": "",
  "entryType": "layout-shift",
  "startTime": 246.39999999850988,
  "duration": 0,
  "value": 0.0071167845054842215,
  "hadRecentInput": false,
  "lastInputTime": 0,
  "sources": [
    {
      "previousRect": {
        "x": 917,
        "y": 708,
        "width": 706,
        "height": 248,
        "top": 708,
        "right": 1623,
        "bottom": 956,
        "left": 917
      },
      "currentRect": {
        "x": 693,
        "y": 708,
        "width": 1154,
        "height": 472,
        "top": 708,
        "right": 1847,
        "bottom": 1180,
        "left": 693
      }
    }
  ]
}

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

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

Спецификация
API неустойчивости макета # dom-layoutshift-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/LayoutShift/toJSON