跨浏览器本地存储

Question

我想象了一个用纯 JS 编写的待办事项列表，不使用框架，只是为了查看 localStorage 跨浏览器兼容性。

脚本是

function addText(){
var input = document.getElementById('input').value;
date = new Date();
var time = date.getTime();
if (input !== "") {
    localStorage.setItem(time,"lalala");
    document.getElementById('input').value = '';
}};

function loadText(){
if (window.localStorage) {
        for(var i in window.localStorage){
            console.log(i+"--------theiiiiiii");
            var z = localStorage.getItem(i);
            console.log(z+"--------you keep me satisfied");
    }
} else {
    alert("Your Browser does not support LocalStorage.");
}
}

现在，Chrome 几乎可以在 Firefox 中工作，在 Opera 中，我得到了设置值以及所有 localStorage 运算符。有人知道这个问题的解决方案吗？

1381311087810--------theiiiiiii
lalala--------you keep me satisfied
length--------theiiiiiii
null--------you keep me satisfied
key--------theiiiiiii
null--------you keep me satisfied
getItem--------theiiiiiii
null--------you keep me satisfied
setItem--------theiiiiiii
null--------you keep me satisfied
removeItem--------theiiiiiii
null--------you keep me satisfied
clear--------theiiiiiii
null--------you keep me satisfied

Answer 1

尝试仅列出键：

function loadText(){
    if (window.localStorage) {

        /// list all keys from object
        var keys = Object.keys(localStorage);

        for(var i, key; key = keys[i]; i++) {
            console.log(key + "--------theiiiiiii");
            var z = localStorage.getItem(key);
            console.log(z + "--------you keep me satisfied");
        }
    } else {
        alert("Your Browser does not support LocalStorage.");
    }
}