Чтобы просмотреть все локальное хранилище в JavaScript, вы можете использовать следующие методы:

1. Использование объекта localStorage. Объект localStorageпредоставляет простой и легкий способ доступа к локальному хранилищу браузера и управления им. Вы можете использовать свойство localStorage.length, чтобы получить количество элементов, хранящихся в локальном хранилище. Чтобы просмотреть пары ключ-значение, вы можете перебрать объект localStorageс помощью цикла и получить значения с помощью ключей.

Вот пример:

for (let i = 0; i < localStorage.length; i++) {
  const key = localStorage.key(i);
  const value = localStorage.getItem(key);
  console.log(key, value);
}

2. Использование метода Object.entries(). Вы можете преобразовать объект localStorageв массив пар ключ-значение с помощью Object.entries().метод. Этот метод возвращает массив, содержащий все пары перечислимых свойств [ключ, значение] объекта.

Вот пример:

const storageArray = Object.entries(localStorage);
console.log(storageArray);

3. Использование инструментов разработчика браузера. Большинство современных веб-браузеров имеют встроенные инструменты разработчика, которые позволяют проверять и просматривать локальное хранилище. Вы можете открыть инструменты разработчика, щелкнув правой кнопкой мыши веб-страницу, выбрав «Проверить» или «Проверить элемент» и перейдя на вкладку «Приложение» или «Хранилище». Отсюда вы сможете просмотреть содержимое локального хранилища.