Как просмотреть хранилище встроенного расширения Chrome?

Ответ 1

Существует очень полезное расширение для работы с localStorage и chrome.storage, которые я недавно обнаружил, который работает как панель инструментов Dev.

Проводник области хранения

Я не писал этого, но автор предложил какой-то другой вопрос SO.

Ответ 2

Я продолжу объединять существующие знания, представленные в нескольких ответах, в простой и всеобъемлющий. Если вы проголосуете за этот, пожалуйста, сделайте то же самое с комментариями @mwkwok и @chaohuang.

Верно, что материал, сохраненный с помощью chrome.storage, не отображается в инструментах разработчика, там вы можете видеть только данные, сохраненные с использованием обычного локального API-интерфейса. Сделайте это:

• Откройте свою расширенную справочную страницу, перейдя в chrome://extensions/ ( "Режим разработчика" необходимо проверить, чтобы увидеть фоновые страницы)

• Перейдите на вкладку Console и введите следующее:

chrome.storage.local.get(function(result){console.log(result)})

Это наполнит все хранилище как объект JSON в консоли.

Ответ 3

Вы правы, что chrome.storage не отображается в инструментах разработчика. Единственный способ, который я нашел, чтобы просмотреть все это, это положить его в консоль:

chrome.storage.local.get(function(result){console.log(result)})

Это коснется объекта JSON в консоли.

Ответ 4

Откройте Chrome Devtool, щелкнув по фоновой странице расширения в Chrome://extensions/ (Developer mode нужно проверить, чтобы увидеть фоновые страницы), а затем в панели ресурсов вы можете увидеть локальное хранилище слева.

Ответ 5

Я не получил никаких результатов, используя предоставленный код, введенный в консоль. Но этот код работал, когда помещался в консоль.

chrome.storage.sync.get(null, function (data) { console.info(data) });

Разница здесь в том, что мы передаем нулевое значение, которое вернет весь контент в хранилище. Для подтверждения этого и для дополнительного чтения ознакомьтесь с официальной страницей официальной хромовой страницы этого API.