是否有localStorage中不允许的任何字符？

Question

我一直在使用localStorage以字符串格式存储一些二进制数据,虽然这个值是明确设置的(alert设置后立即设置,或者甚至设置后的一段时间,显示正确的值),但是当页面下次加载时它会丢失.

起初我认为这可能是因为数据包含空字节,所以我重新设计了压缩器,以便它永远不会输出它们.然而,这没有任何区别,因为价值仍然丢失.

我localStorage.testing = 1在设置二进制数据后立即添加.即使另一个丢失,也会保留此值.

我绝对肯定没有代码delete localStorage.myitem.

可能导致此问题的原因是什么？

如果它有帮助,这里是我试图存储的数据,以十六进制表示:

0x1103c0a0   0xd6cf0305   0xc0a0d6cf   0x0307c0a0   0xd6cf0309   0xc0a0d6cf
0x030bc0a0   0xd6cf030d   0xc0a0d6cf   0x0311c0a0   0xd6cf0313   0xc0a0d6cf   0x0301

---

编辑:我刚刚测试过localStorage.testvalue = realvalue.replace(/[\x00-\x1f]/g,'');并成功保存了它.所以,我想知道规范在哪里说控制字符可能不会用在字符串中.

Answer 1

我已经设置了一个测试用例,并在各种浏览器中运行测试.结果如下(提到了字符代码的包含范围).测试从支持的最低浏览器版本开始localStorage.

• Chrome 5 - 20:0x0000-0xFFFF
• Opera 10.50 - 12.00:0x0000-0xFFFF
• Safari 4.0 - 5.1.7:0x0000-0xFFFF
• Firefox 3.5 - 16 ^alpha:0x0000- 0xD7FF和0xE000- 0xFFFE(0xD800-0xDFFF和0xFFFF在LS后用两个字符转)
• IE8,IE9,IE10 ^PP6:0x0009,0x000A,0x000D,0x0020- 0xD7FF和0xE000- 0xFFFD.(其他范围要么被忽略,要么导致"无效参数"错误).
  0x0000是一个NULL字节,它截断IE中的所有后续字符.

因此,字符范围0x20- 0xD7FF和0xE000- 0xFFFD加0x09,0x0A并且0x0D是安全的.

我创建了三个测试用例:

1. 最快的测试用例,它创建一个包含所有字符的字符串,并在设置后测试该值 localStorage
2. 一种使用SPACE字符(0x20)作为分隔符的方法,用于正确处理创建长度为2的字符的浏览器.
3. 最糟糕的方法,因为IE为无效字符串抛出错误.每个角色都经过单独测试,这非常昂贵.

所有测试函数都可以在JSFiddle中使用,第一个测试用例如下所示:

function run_test(lowerlimit, UPPERLIMIT) {
    try {
        if (!window.localStorage) {
            // I recall that in one of the older Chrome version (4),
            // localStorage === null
            return 'Localstorage is not supported';
        }
        if (isNaN(lowerlimit) || isNaN(UPPERLIMIT) || lowerlimit > UPPERLIMIT) {
            return 'One of the limits is not a valid number!';
        }
        var i = lowerlimit - 1;
        var character_range = [];
        while (++i < UPPERLIMIT) character_range.push(i);
        input = String.fromCharCode.apply(String, character_range);
        localStorage.setItem('chartest', input);
        output = localStorage.getItem('chartest');
        if (input === output) {
            return true;
        }
        // Uh oh, not equal!
        var result = [];
        for (i=0; i<UPPERLIMIT-lowerlimit; i++) {
            if (input[i] !== output[i]) {
                result.push(i + lowerlimit);
            }
        }
        return result;
    }catch(e){return 'Error:' + e;}
}