Как просматривать или редактировать localStorage

Я создал расширение Chrome и использую localStorage для хранения данных.

Я получаю доступ к localStorage через "background_page".

Он отлично работает, но как я могу вручную просмотреть его значения? В Firefox вы можете использовать Firebug.

У кого-нибудь есть предложения?

Ответы

Ответ 1

Это просто. Просто зайдите в инструменты разработчика, нажав F12, затем перейдите на вкладку "Приложение". В разделе "Хранение" разверните локальное хранилище. После этого вы увидите там все локальное хранилище своего браузера.

Ответ 2

Просто откройте Инструменты для разработчиков, нажав F12.

Перейдите на вкладку Приложение (ранее Ресурсы), и вы увидите содержимое localStorage. Оттуда вы можете вручную добавлять/редактировать/удалять записи ключа/значения.

localStorage resources tab

В OS X ключи: ⌥ + ⌘ + i

Другая комбинация: Ctrl + Shift + i

EDIT: в Chrome 56 он выглядит следующим образом:

enter image description here

Ответ 3

В настоящее время я использую chrome Version 52.0.2743.82 m. В этой последней версии хром на данный момент вы можете увидеть локальные значения хранилища, запустив "Инструменты разработчика", а затем просмотрев вкладку "Приложение".

Ответ 4

Вы можете перейти на chrome://chrome/extensions и будет ссылка на вашу фоновую страницу, которая после запуска вы можете использовать Dev Tools, чтобы увидеть материал localStorage.

Ответ 5

Либо я не понимаю, что люди здесь пытаются сделать, и это не то, что я делаю, и/или инструменты разработчика Chrome изменились и в этом отношении не работают.

Мой расширение content-script хранит данные примерно так:

chrome.storage.local.set(packet);

Когда я просматриваю вкладку "Приложение" на странице фона расширения и раскрываю "Хранение"> "Локальное хранилище", я вижу свое расширение в списке, но при щелчке по нему не отображаются данные.

Единственное решение, которое я нашел, это запустить его в фоновой консоли страницы:

chrome.storage.local.get(null, function(data) {console.log(data);})

Это похоже на то, как расширение читает его (за исключением передачи нулевого значения, чтобы получить все ключи вместо имени ключа, чтобы получить только тот, который я хочу), и оно работает нормально, просто неудобно печатать его каждый раз. Также странно, что здесь есть все эти ответы, которые не работают для меня.

Я использую Chrome 73.0.3683.103 (Официальная сборка) (64-разрядная версия) в Windows 10. Расширение все еще не распаковано, если это уместно, но это наиболее вероятный момент, когда вы захотите это сделать, то есть в разработке.