Реализация функции отмены: как измерить потребление памяти массивом JavaScript?

#javascript #jquery #html #google-chrome #memory

#javascript #jquery #HTML #google-chrome #память

Вопрос:

Нам нужно реализовать функцию отмены для веб-редактора, и мы хотим проверить, насколько глубокой может быть история отмен.

Модель данных отмены представляет собой массив JavaScript, содержащий более 1 объекта jQuery, каждый из которых может содержать несколько изображений Base64.

Как вы можете измерить использование памяти объектами JavaScript? Возможно ли отслеживать использование памяти из Chrome?

Комментарии:

1. developers.google.com/web/tools/chrome-devtools/memory-problems

2. @Dom это потрясающая ссылка. Не могли бы вы опубликовать ответ, чтобы получить оценку?

3. В заключение, ниже приведена ссылка, содержащая подробную информацию о представлениях, которые помогут вам в профилировании кучи, а также выявят утечки памяти в приложении. developer.chrome.com/devtools/docs/heap-profiling

4. На самом деле это не ответ на текущий вопрос, но не храните как base64 (на 34% больше, чем двоичный файл), всегда используйте Blobs, и если вам нужно хранить много, то рассмотрите возможность использования IndexedDB , даже если это ненадолго. Это позволит сэкономить на диске, а не в памяти.

5. @dom просто ждал вас, спасибо за ответ! жаль, что вы не получите оценку.

Ответ №1:

У Chrome есть отличный инструмент для этого. Он основан на модели RAIL и позволяет быстро обнаруживать утечки и даже вздутия. Просто зайдите в диспетчер задач Chrome (shift esc) и включите Javascript memory . Этот инструмент спас мне жизнь, удачи!

Ответ №2:

В Chrome DevTools есть встроенные инструменты, которые позволяют вам проверять использование памяти.

Вы можете получить к ним доступ через диспетчер задач ( Shift Esc или Main Menu > More tools > Task manager ), затем щелкнуть правой кнопкой мыши Header и включить JavaScript Memory

Вы можете найти больше информации там: https://developers.google.com/web/tools/chrome-devtools/#memory