Question

我有一个HTML表单。当您提交表格时。它使用Key = date和hours创建一个localstorage，value =表单的数据。

如何显示我的所有本地存储？（我不知道密钥的名称所以）并将所有localstorage导出到txt文件

Answer 1

您可以在devtools控制台中输入localStorage，或直接在代码中使用window.localStorage变量来查看localStorage的完整内容

在chrome devtools上，您还可以转到应用程序＆gt;存储＆gt;本地存储（左侧）

Answer 2

localStorage有一个length属性，用于计算现有keys的数量。对于这些key中的每一个，item方法都可以访问getItem。

在控制台中尝试以下代码，因为它是沙箱并且无法访问localStorage。

＆＃13;

var ls = top.localStorage,
  n = ls.length,
  i = 0,
  key, value;

console.log('There are ', n, 'items in the localStorage');

for (; i < n; i++) {
  key = ls.key(i);
  value = ls.getItem(key);
  console.log('key: ', key, 'value:', value);
}

＆＃13;

Answer 3

只需使用

var data = localStorage;

for(var key in data){

  console.log(key, data[key]);

}

数据将具有键值对。使用for in loop，您可以迭代数据和访问。

Answer 4

以下是如何将localStorage中的所有数据存储到变量，然后将其保存为文本文件，从下载链接开始。

＆＃13;

var downloadlink = document.getElementById('download');
var text = '';
for(var key in localStorage) {
  text += localStorage.getItem(key).toString();
}

var file = new Blob([text], {type: 'text/plain'});
downloadlink.href = URL.createObjectURL(file);
downloadlink.download = 'localStorageData.txt';

＆＃13;

<a id="download" href="">Download</a>

＆＃13;

尝试使用for循环

for(var key in localStorage) {
   console.log('key: ', key);
   console.log('data: ', localStorage.getItem(key));
}

显示密钥未知的所有本地存储

4 个答案: