Firefox中的localStorage

Question

好的，所以我有几个页面使用localStorage。在第一页上，它创建了localStorage的第一项：

$('#id').click(function(){
    localStorage.text = $(this).val();
});

这部分代码适用于所有浏览器。

现在在下一页，我正在向存储添加更多数据：

    $('#someid').click(function(e) {
// stores variables in localStorage
        localStorage.background = img;
        localStorage.fSize = fontSize;
        localStorage.text = t;
        localStorage.textX = Tx;
        localStorage.align = alignVal;
        localStorage.rotationAngle = Deg;

    window.location = 'somepage.php';

出于某种原因，这部分在Firefox（任何版本）中都不起作用，但在IE和Chrome中完美运行。

这可能是什么问题？如果使用sessionStorage，我可以修复它吗？

感谢。

确定。这是一个更新：我使用localStorage变量在第二页上填充php表单，然后清除存储。如果我不清理存储 - 一切正常。无论如何只有在将所有变量复制到表单后才清除存储？

Answer 1

我设法使用以下代码在FireFox中使用它：

预览：http://barriereader.co.uk/localstoragetest/

代码：

 $('#someid').on('click', function(e) {
        window.localStorage.setItem('background', img);
        window.localStorage.setItem('fSize', fontSize);
        window.localStorage.setItem('text', t);
        window.localStorage.setItem('textX', Tx);
        window.localStorage.setItem('align', alignVal);
        window.localStorage.setItem('rotationAngle', Deg);

        window.location = 'page2.html';
    });

并按顺序检索和删除：

if (window.localStorage.getItem('background')) {
    var backgroundVariable = window.localStorage.getItem('background');
    window.localStorage.removeItem('background');
}