Можете ли вы получить доступ к данным вкладки сети Chrome Developer?

Question

Есть ли способ использования данных, созданных на вкладке сети разработчиков Chrome? Как генерируются данные?

Я смотрю в Кукольника. Я хотел бы просмотреть все изображения на странице и вернуть размер изображения для этих изображений.

Я пытался использовать Resource Timing API, но TransferSize, encodedBodySize или decodedBodySize не возвращают искомое значение.

Я хотел бы получить доступ к этому:

https://i.imgur.com/g7blgmj.png

Возможно ли это?

Answer 1

Этого можно достичь разумно, если вы выполните следующие шаги. Это может быть не идеальным решением. Но вы можете получить детали, которые вы ищете.

1. Откройте инструменты разработки. Перейдите на вкладку Сеть.
2. Избавьтесь от столбцов, которые не хотите загружать. (Вы можете сделать это, щелкнув правой кнопкой мыши и нажав на галочку. Когда вы снимите галочку, колонка будет удалена из консоли) - см. Первый скриншот ниже.
3. Выберите все элементы (нажмите Ctrl + A).
4. Щелкните правой кнопкой мыши, нажмите Копировать (или просто Ctrl + C) - см. Второй снимок экрана ниже.
5. Вставьте его в Блокнот ++ и посмотрите.

Надеюсь, это поможет

Answer 2

Это был API синхронизации ресурсов, который мне был нужен