localStorage в Firefox

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, используя следующий код:

Preview: 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'); 
}