Як переглянути або відредагувати localStorage

259

Я створив розширення для Chrome і використовую localStorage для зберігання даних.

Я отримую доступ до localStorage через "background_page".

Це добре працює, але як я можу вручну переглянути його значення? У Firefox ви можете використовувати Firebug.

У когось є якісь пропозиції?

google-chrome local-storage

270

Це просто. Просто перейдіть до інструментів розробника, натиснувши F12, а потім перейдіть на вкладку Програми . У розділі Зберігання розгорніть локальне сховище . Після цього ви побачите все місцеве сховище вашого браузера.

— Джорджі Гзірішвілі
джерело

33

У версії 60 Chrome ви не можете змінювати або додавати нові елементи, вам доведеться це зробити через консоль іlocalStorage.setItem('key', 'value')

— Jim Aho

9

У версії 65 Chrome ви можете вручну змінювати та додавати нові елементи. Двічі клацніть нижче останньої пари ключ-значення у списку ключ-значення в додатку> Локальне зберігання, щоб додати нове значення.

— Роза Перроне

169

Просто відкрийте Інструменти для розробників , натиснувши F12.

Клацніть на вкладці Додаток (раніше Ресурси), і ви побачите вміст localStorage. Звідти ви можете додавати / редагувати / видаляти записи ключа / значення вручну.

вкладка ресурсів localStorage

У OS X клавішами є: ⌥+ ⌘+i

Інша комбінація: Ctrl+ Shift+i

EDIT: У Chrome 56 це виглядає приблизно так:

введіть тут опис зображення

— Симона
джерело

4

Так уже пробували, але локальний сховище порожній. Може тому, що я завантажив розпаковане розширення?

— Джо Доу

Це може допомогти вам: stackoverflow.com/questions/3598669/…

— Сімоне,

3

Сімоне, я знаю, як налаштувати та прочитати localStorage за допомогою JS, але мені потрібно вручну відредагувати / видалити

— Joe Doe,

Не потрібно робити це з JS, можна додавати / редагувати / видаляти записи з інтерфейсу користувача

— Simone

17

Зараз я використовую хром версії 52.0.2743.82 м. У цій останній версії хрому на даний момент ви можете бачити значення місцевого зберігання, запустивши "Інструменти для розробників" та переглянувши вкладку "Застосування".

— Лука П. Іссак
джерело

15

Ви можете перейти до chrome: // chrome / extensions, і на вашій фоновій сторінці з'явиться посилання, що після запуску ви зможете скористатись інструментами Dev для перегляду матеріалів localStorage.

— Райан S
джерело

Дякую за відповідь @Ryan S, але localStorage порожній. Я встановив це такlocalStorage['xy'] = JSON.stringify(xy);

— Джо Доу

2

На хромованій консолі ви можете це зробити, localStorage.setItem('xy', JSON.stringify(xy))і це встановить елемент у localStorage

— Ryan S

2

do chrome: // chrome-urls /, тоді місцеве зберігання

— khaled_webdev

2

Або я не розумію, що люди тут намагаються робити, і це не те, що я роблю, та / або інструменти для розробників Chrome змінилися і в цьому плані порушені.

Контент-скрипт вмісту мого розширення зберігає такі дані:

chrome.storage.local.set(packet);

Коли я переглядаю вкладку «Програма» на фоновій сторінці розширення та розгортає «Зберігання»> «Місцеве зберігання», я бачу, що моє розширення перелічене, але натискання на нього не відображає даних.

Єдине знайдене нами рішення - запустити це на консолі фонової сторінки:

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

Це схоже на те, як розширення читає його (за винятком передачі null, щоб отримати всі ключі замість імені ключа, щоб отримати саме той, який я хочу), і він працює чудово, його просто незручно вводити кожен раз. Також дивно, що тут є всі ці відповіді, які для мене не працюють.

Я використовую Chrome 73.0.3683.103 (Official Build) (64-розрядний) для Windows 10. Розширення все ще розпаковане, якщо це актуально, але це, швидше за все, час, коли ви хочете це зробити, тобто в процесі розробки.

— загадка
джерело