如何在 Firefox 中查看/删除本地存储？

Posted 2023-02-16

【中文标题】如何在 Firefox 中查看/删除本地存储？

【英文标题】：How to view/delete local storage in Firefox?

【发布时间】：2011-08-30 08:35:13

【问题描述】：

在 Google Chrome 中，有一种简单的方法可以查看本地存储中的内容以及在检查后修改或删除它。

有没有办法在 Firefox 中做同样的事情？

【问题讨论】：

Firefox addon to view/edit/create localStorage data? 的可能重复项

可能，但是转到那个链接我安装了那个插件，它对我没有任何作用:(

致结束这个问题的人：这是一个很好的问题，尽管有规则（并不总是规则是好的），由数百名用户投票（问题和接受的答案）。没有理由关闭它。你应该重新打开它。

【参考方案1】：

您可以使用 Firebug（一个有用的 Web 开发扩展）或 Firefox 的开发者控制台一一删除 localStorage 项目。

萤火虫方法

打开 Firebug（点击右下角的小 bug 图标） 转到 DOM 选项卡 向下滚动并展开 localStorage 右键单击要删除的项目并按 Delete Property

开发者控制台方法

您可以在控制台中输入这些命令：

localStorage; // click arrow to view object's properties
localStorage.removeItem("foo"); 
localStorage.clear(); // remove all of localStorage's properties

存储检查器方法

Firefox 现在有一个内置的存储检查器，您可能需要手动启用它。请参阅下面的 rahilwazir 的回答。

【讨论】：

有什么方法可以删除本地存储中的所有项目，而不需要每行点击（两次）？

你可以输入 localStorage = [];使用你的 java 控制台

这已经超出了希望。在 mega.co.nz 中下载电影，然后单击 firebug 中的 DOM... 看看 firefox 火了。

请注意，在最近的版本中，Firefox 有一个内置的 javascript 控制台（“Web 控制台”），因此不必安装 Firebug 来执行此操作。

@Thariama s/java 控制台/javaScript 控制台

【参考方案2】：

从 Firefox 34 开始，您现在可以选择 Storage Inspector，您可以从 developer tools settings 启用它

在那里，您可以在 Default Firefox Developer tools

下启用 Storage 选项

27-3-16 更新

Firefox 48.0a1 现在支持 Cookie 编辑。

16 年 3 月 4 日更新

Firefox 48.0a1 现在支持 localStorage 和 sessionStorage 编辑。

2016 年 2 月 8 日更新

Firefox 48（稳定版）及更高版本支持编辑除 IndexedDB 以外的所有存储类型

【讨论】：

从 Firefox 38 开始，很遗憾，Storage Inspector 是只读的。

@tagawa Storage Inspector 默认为只读，但 Firefox 表示正在开发该工具，以便开发人员将来能够编辑其存储内容。见elegantthemes.com/blog/resources/…

致德语本地化版本 Firefox 用户的说明。在默认的 Firefox 开发人员工具中，您可以找到两次“Speicher”项。第二个是存储管理器。

从 Firefox 82 开始，可以编辑本地存储。但是，存储检查器中显示的值会被截断到一定大小，如果它们更大，则无法从那里读取或复制它们的完整值。

【参考方案3】：

要检查您的 localStorage 项目，您可以在您的 javascript 控制台中输入 console.log(localStorage);（例如 firebug 或在新的 FF 版本中附带的 js 控制台）。

您可以使用这行代码来摆脱浏览器的 localStorage 内容。只需在您的 javascript 控制台中执行它：

localStorage.clear();

【讨论】：

请注意，在最近的版本中，Firefox 有一个内置的 JavaScript 控制台（“Web 控制台”），因此不必安装 Firebug 来执行此操作。

Firefox 现在还具有在 localStorage 上工作的 inspect(Object)，并提供了一个很好的可编辑树形视图来存储其中的数据。

那行得通，但仅适用于选项卡中的域。如果你想在不过滤的情况下显示本地存储怎么办？

【参考方案4】：

由于“localStorage”只是另一个对象，您可以：在“控制台”中创建、查看和编辑它。只需输入'localStorage' 作为命令并按回车，它将显示一个包含localStorage 键值对的字符串（提示：单击该字符串以进行格式化输出，即显示每行中的每个键值对）。

【参考方案5】：

现在有一个很棒的 Firebug 插件，它在 chrome 中克隆了这个不错的功能。签出：

https://addons.mozilla.org/en-US/firefox/addon/firestorage-plus/

它由 Nick Belhomme 开发并定期更新

【参考方案6】：

我无法在 Firefox (v27) 控制台中直接使用 localStorage。我得到了错误：

[异常...“组件不可用”nsresult：“0x80040111 (NS_ERROR_NOT_AVAILABLE)”位置：“JS 框架 :: 调试器评估代码 :::: 第 1 行”数据：否]

有效的是：

window.content.localStorage

【参考方案7】：

试试这个，它对我有用：

var storage = null;
setLocalStorage();

function setLocalStorage() 
    storage = (localStorage ? localStorage : (window.content.localStorage ? window.content.localStorage : null));

    try 
        storage.setItem('test_key', 'test_value');//verify if posible saving in the current storage
    
    catch (e) 
        if (e.name == "NS_ERROR_FILE_CORRUPTED") 
            storage = sessionStorage ? sessionStorage : null;//set the new storage if fails
        
    

【讨论】：

代码没问题。没有实际解释的代码+“试试这个”没有任何改进。现在，如果您添加缺少的解释，以便未来的用户真正学到一些东西，那么您会有一个很好的答案。

这里是带有cmets的英文代码：var storage = null;设置本地存储（）； function setLocalStorage() storage = (localStorage ? localStorage : (window.content.localStorage ? window.content.localStorage : null)); try storage.setItem('test_key', 'test_value');//评估是否可以保存在当前存储中 catch (e) if (e.name == "NS_ERROR_FILE_CORRUPTED") storage = sessionStorage ? sessionStorage : null;//如果失败则设置新的存储

某些浏览器，如 Firefox，显示“NS_ERROR_FILE_CORRUPTED”错误，则必须执行另一个选项，因为清除缓存不是解决方案，也不是“window.content.localStorage”作为另一个资源

太棒了！只需edit 带有该信息的答案，所有这些都流在一起，这将是一个很好的答案。