使用 Chrome / Firefox devtools 检查其他站点的 LocalStorage答案

【问题标题】：Inspect LocalStorage of other sites using Chrome / Firefox devtools使用 Chrome / Firefox devtools 检查其他站点的 LocalStorage
【发布时间】：2021-03-21 14:39:21
【问题描述】：

当我们目前在http://example2.com 上时，我们是否可以使用 Chrome / Firefox 的 devtools 来检查网站 http://example.com 的 LocalStorage 对象？好像他们现在只允许在同一个站点进行检查。

故事是，我正在开发一个涉及大量重定向的身份验证功能，我需要检查页面是否被重定向，LocalStorage 数据是否正确。

【问题讨论】：

听起来你真正想要的是一种阻止重定向的方法，以便能够检查重定向站点的本地存储数据。
对于它的价值，我现在在Firefox discussion forum 中询问了一种在 DevTools 中阻止重定向的方法。
是的，我相信某些重定向阻止机制在这种情况下也会有所帮助。现在它看起来遥不可及，所以我需要手动阻止重定向并检查底层存储数据。顺便说一句，感谢您创建讨论:) .

标签： local-storage google-chrome-devtools firefox-developer-tools

【解决方案1】：

Chrome 和 Firefox DevTools 目前（从 Chrome 87 和 Firefox 84 开始）只允许检查当前页面上下文的本地和会话存储数据。

此外，据我所知，没有其他集成选项可以检查为特定域或 URL 保存的所有数据，而无需先导航到它。

因此，检查此类数据的正确方法是避免发生这些重定向。尽管我知道没有工具可以阻止所有重定向。这就是为什么我有asked for it in Mozilla's discussion forum。

尽管如此，在 Firefox 中，有一种（诚然相当复杂的）方法可以检查为特定域保存的数据。 Firefox 将所有本地存储数据保存在 SQLite 数据库中。任何允许打开 SQLite 文件的工具都可以读取该数据库。（甚至还有浏览器插件允许读取它们。）以下是访问数据的步骤：

转到about:support
单击“配置文件文件夹”标签旁边的“打开文件夹”按钮 => 在操作系统的导航器中打开当前 Firefox 配置文件的文件夹。
在文件夹中，搜索文件 webappsstore.sqlite
在 SQLite 管理工具中打开文件。
执行以下查询，查看域http://example.com相关的数据
```
SELECT key, value FROM webappsstore2 WHERE originKey = 'moc.elpmaxe.:http:80'
```
您可能已经看到了，但originKey 列中保存的域名是相反的。我不知道为什么。所以格式是<domain name with dot at the beginning the other way round>:<protocol>:<port>。

【讨论】：