如何查看或编辑localStorage
Joe*_*Doe 243 google-chrome local-storage
我创建了Chrome扩展程序,并使用localStorage存储数据.
我通过"background_page"访问localStorage.
它工作正常,但我如何手动查看其值？在Firefox中,您可以使用Firebug.
有人有什么建议吗？
小智 255
这很简单.只需按下开发人员工具F12,然后转到" 应用程序"选项卡.在存储部分扩大本地存储.之后,您将在那里看到所有浏览器的本地存储空间.
- 在Chrome版本60中,您无法修改或添加新项目,您必须通过控制台和`localStorage.setItem('key','value')来完成. (29认同)
- 在Chrome版本65中,您可以手动修改和添加新项目.双击"应用程序">"本地存储"中键值列表中的最后一个键值对,以添加新值. (9认同)
Sim*_*one 162
只需按下即可打开开发人员工具F12.
单击Application(以前称为Resources)选项卡,您将看到localStorage的内容.从那里,您可以手动添加/编辑/删除键/值条目.
在OS X上,键是:⌥+ ⌘+i
另一个组合:Ctrl+ Shift+i
编辑:在Chrome 56中它看起来像这样:
- 是的,我已经尝试了,但localStorage是空的.也许是因为我装了unpacked扩展名？ (4认同)
- Simone,我知道如何使用JS设置和读取localStorage,但我需要手动编辑/删除它 (3认同)
Rya*_*n S 15
您可以转到chrome:// chrome/extensions,并且会有一个指向您的后台页面的链接,一旦启动,您可以使用开发工具查看localStorage内容.
- 在chrome控制台中,你可以做`localStorage.setItem('xy',JSON.stringify(xy))`,这将在localStorage中设置项目 (2认同)
- 执行chrome:// chrome-urls /,然后是本地存储 (2认同)
要么我不明白这里的人在做什么，这不是我在做什么，和/或 Chrome 开发人员工具已经改变，并且在这方面被破坏了。
我的扩展程序的内容脚本存储如下数据：
chrome.storage.local.set(packet);
当我查看扩展程序背景页面的应用程序选项卡并展开存储 > 本地存储时，我看到我的扩展程序已列出，但单击它不显示任何数据。
我找到的唯一解决方案是在后台页面的控制台中运行它：
chrome.storage.local.get(null, function(data) {console.log(data);})
这类似于扩展读取它的方式（除了传递 null 来获取所有键而不是键名来获取我想要的键）并且它工作正常，只是每次都输入它很尴尬。奇怪的是，这里所有这些答案都对我不起作用。
我在 Windows 10 上使用 Chrome 73.0.3683.103（官方版本）（64 位）。如果相关，该扩展程序仍然未打包，但这是您最有可能想要这样做的时间，即在开发中。
- 谢谢！这就是我想知道的。我知道搜索这个，人们通常会假设浏览器本地存储。但是，“localStorage ≠ chrome.storage.local” (3认同)
| 归档时间： |
|
| 查看次数： |
253538 次 |
| 最近记录： |