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

Question

当我们当前处于 http://example2.com 时，是否有任何可能的方法可以使用 Chrome / Firefox 的开发工具来检查站点 http://example.com 的 LocalStorage 对象？好像他们现在只允许在同一个网站上检查。

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

Answer 1

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

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

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

None 更少，在 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>.

Inspect LocalStorage of other sites using Chrome / Firefox devtools