29

我正在使用 web sql 和 indexeddb，但作为后备我想使用 btree/localstorage。在给定的浏览器/平台上，我可以在 localStorage 中保存多少数据？

如果没有人知道有没有办法确定 javascript 对象的大小？例如 JSON.stringify 然后乘以字符数？然后我可以编写一个脚本，写入 localStorage 并读取该值是否存在，一旦出现错误或读取停止工作，这就是幻数。

我需要在（ie9、ff、safari、chrome、opera、ipad 上的 safari、androids 默认浏览器、android 上的 dolphin、android 上的 ff、android 上的opera）上对此进行测试。

如果你能帮我弄清楚如何判断 js 字符串的大小（以字节为单位），那么我将运行测试并在此处发布结果。

4

2 回答 2

55

感谢您的回答。为了得到准确的答案，我最终写了一个脚本。大致的结果是，您在桌面 webkit、ff 即 opera 上获得至少 5MB 的空间。IE居然让我写了1GB，没错1GB的数据。

奇怪的是，ff 在尝试写入长度为 742 个字符的字符串时崩溃了，但它会写入一个长度为 1133 个字符的字符串，并且缓存已清除，所以我不知道这是怎么回事。

~1000 个字符对象写入不同的 localStorage[位置]

给定的 localStorage 位置可以有多大的字符串？

这是一个凌乱的脚本，但如果需要，您可以自己运行测试：

<!DOCTYPE />
<html>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var alphabet = "abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789 {} +-=*/\'[]<>|&^%$#@!,?.";
        var i = 0;
        var curWord = "";
        var tot = 0;
        localStorage["sameSpot"] = null;
        $("#same").bind("click", function () {
            var write = function () {
                if (!localStorage["sameSpot"])
                    localStorage["sameSpot"] = alphabet[i++];
                else {
                    curWord = alphabet[i++] + localStorage["sameSpot"];
                    localStorage["sameSpot"] = curWord;
                }
                if (i == alphabet.length)
                    i = 0;
                tot++;
                $("#local").html(curWord);
                $("#memory").html(localStorage["sameSpot"]);
                $("p").html("The number of characters written to localStorage[\"sameSpot\"] is: " + tot);
                setTimeout(write, 1);
            };
            write();
        });


        var tot2 = 0;
        var totChars = 0;
        $("#different").bind("click", function () {
            var write = function () {
                var saveObj = {
                    alphabet: alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet + alphabet,
                    date: new Date(),
                    random: Math.random()
                };
                saveObj = JSON.stringify(saveObj);
                totChars += saveObj.length;
                localStorage["t" + tot2] = saveObj;
                $("#local").html(saveObj);
                $("#memory").html(localStorage["t" + tot2]);
                tot2++;
                $("p").html("The number of unique entries made in localStorage[0++] is " + tot2 + " and the total number of characters is: " + totChars + " with an average of " + Math.floor(totChars / tot2) + " characters per record");
                setTimeout(write, 1);
            };
            write();
        });
    });
</script>
<body>
<button id="same">Write Chars To Same Spot</button>
<button id="different">Write Chars To Same Spot</button>
<br />
<p></p>

<textarea rows="50" cols="100" id="memory"></textarea>
<textarea rows="50" cols="100" id="local"></textarea>
</body>
</html>
于 2012-05-21T17:52:24.097 回答
17

来自维基百科：

存储大小 Web 存储提供了更大的存储容量（Mozilla Firefox、[6] Google Chrome 和 Opera 中每个域 5MB，Internet Explorer[7] 中每个存储区域 10MB）与 4KB（大约 1000 倍的空间）可用于 cookie 相比.

window.localStorage （来自http://msdn.microsoft.com/en-us/library/cc197062(v=vs.85).aspx）

localStorage 属性为域提供持久存储区域。出于性能原因，它允许 Web 应用程序在客户端上存储近 10 MB 的用户数据，例如整个文档或用户的邮箱。

于 2012-05-18T14:08:39.233 回答