列出存儲的記錄localStorage | Google Chrome擴展程序

如何獲取在for循環中列出存儲的記錄？列出存儲的記錄localStorage | Google Chrome擴展程序

基本上我希望它列出下來這樣的記錄：

'<div id="record_' + number + '">' + localstorage value + '</div>'

類中的數量應該增加1中的每個記錄，例如它列出的每個記錄有1,2,3,4個，等等。

localstorage值應顯示localStorage []，但問題是，localStorage名稱具有相同的值，例如，

（點擊按鈕）

將URL的值保存到localStorage的

我再打開應用程序，並顯示window.html

裏面有名單使用此存儲的記錄：

'<div id="record_' + number + '">' + localstorage value + '</div>'

包括每個記錄1,2,3等添加的記錄號。像這樣：

<div id="record_1">localstorage value</div> 
<div id="record_2">localstorage value</div> 
<div id="record_3">localstorage value</div> 
<div id="record_4">localstorage value</div> 
<div id="record_5">localstorage value</div> 
<div id="record_6">localstorage value</div> 

etc...

編輯：

for (var i = 1; i < localStorage.length; i++) { 
document.write('<div id="record_' + i + '">' + i + '<span style="float:right;"><ahref="#" onclick="javascript:clear(' + i + ');">Delete</a></span></div>'); 
} 

window.addEventListener("load", windowLoaded, false); 
function windowLoaded() 
{ 
    chrome.tabs.getSelected(null, function(tab) 
    { 
    var btn = '<a href="' + tab.url + '" onclick="Save(\'' + tab.url + '\');">Add to Favourites</a>'; 
    document.getElementById('current-link').innerHTML = '<p>' + btn + '</p>'; 
    }); 
} 

function Save(url) 
{ 
    localStorage.setItem("cilium-favs", url); 
}

來源

2010-05-09 Jamie

可以遍歷localStorage的爲好。

for (var i=0; i < localStorage.length; i++) { 
    console.log(localStorage.key(i)); 
}

這就是你想要的嗎？

來源

2010-05-09 22:59:02

我已經編輯上面的代碼，我不能得到它的URL保存到本地存儲，請提供給我一些例子，我幾乎可以找到很好的存儲，而不是鍍鉻的文件所有的時間很好的教程。謝謝。 – Jamie 2010-05-10 21:18:17

是什麼問題？你有沒有試圖在Inspector中進行調試，並找出代碼中的哪個部分？ – 2011-01-13 00:42:12

我認爲這是他所尋找的更多。幾年後，但穆罕默德曼蘇爾的回答幫助了我，這可能會幫助其他人。

for (var i = 0; i < localStorage.length; i++) { 
    var key = localStorage.key(i); 
    console.log(i, key, localStorage[key]); 
}

來源

2013-04-24 16:47:24 Awaterujin

列出存儲的記錄localStorage | Google Chrome擴展程序

回答

相關問題