在网页上显示整个浏览器的本地存储

display whole localStorage of browser on webpage

本文关键字：存储 浏览器 网页 显示      更新时间：2023-09-26

我只是问自己是否有可能用一个简单的javascript在浏览器中读取所有网站的整个localStorage并将其显示在html页面上?有什么办法可以做到吗?

我没有在谷歌上找到任何方法来提取一个存储的键。

对于当前域，使用如下内容:

for (var key in localStorage){
   console.log(key + ': ' + localStorage.getItem( key ))
}

当然，你可以把这些值放在一个数组中，或者以任何其他方式显示它们。

(示例代码将在控制台中显示键/值。在谷歌浏览器中按ctrl+J并单击控制台，或在windows中按F12并单击控制台)

然而:Javascript无法访问当前域名以外的其他域名的本地存储。因为如果可以的话，它也会让恶意网站所有者得逞。读取数据并使用ajax将其提交到他们的站点。

编辑:在谷歌浏览器中，你可以按CTRL-J，然后转到资源选项卡。它将在树中包含一个本地存储项，并为系统上具有本地存储的每个域包含一个子域。你可以在那里查看内容

不!只能访问您所在域的本地存储。这是一个安全功能

Local- and sessionStorage必须遵守SOP(同源策略)，就像Ajax请求一样。

要在同一域中完成它，您可以迭代它，因为local-和sessionStorage都是JavaScript对象。

for(var i in localStorage)
{
    var item = localStorage.getKey(i);
    console.log(i + " => " + item);
}
相关文章：