Come posso attivare un evento ogni volta che localStorage viene aggiornato in Safari 5+?

Question

Ho provato a seguire the examples on the Safari Developer Site.

La documentazione suggerisce di aggiungere un listener di eventi in questo modo:

window.addEventListener('storage', storage_handler, false); 

e quindi impostando la funzione del gestore in questo modo:

function storage_handler(evt) 
{ 
    alert('The modified key was '+evt.key); 
    alert('The original value was '+evt.oldValue); 
    alert('The new value is '+evt.newValue); 
    alert('The URL of the page that made the change was '+evt.url); 
    alert('The window where the change was made was '+evt.source); 
} 

Ma io non riesco a ottenere il codice per lavorare su la mia macchina (OS X 10.6, Safari 5.01) né su Safari sul mio iPhone 3GS (iOS 4.02).

This article offre un metodo separato:

window.onload = function() { 
    ... 
    document.body.setAttribute("onstorage", "handleOnStorage();"); 
} 

function handleOnStorage() { 
    if (window.event && window.event.key.indexOf("index::") == 0){ 
     $("stats").innerHTML = ""; 
     displayStats(); 
    } 
} 

ma non ho avuto fortuna con che o.

Sto facendo qualcosa di sbagliato? è un insetto?

Answer 1

Dopo aver esaminato ulteriormente (e con l'aiuto di un amico) ho scoperto che il metodo storage_handler è chiamato non quando il valore di un valore di memoria locale cambia nella pagina nella mia finestra o scheda attuale, ma quando cambia in un'altra scheda .

Ad esempio, se ho le due schede aperte e ho controlli nelle pagine in ogni scheda per modificare le impostazioni di memoria locale, quando colpisco il controllo nella prima scheda, il metodo storage_handler viene chiamato nell'altra scheda.

Answer 2

Se si desidera eseguire un'azione dopo che gli oggetti sono stati salvati in localstorage sulla stessa pagina, è possibile chiamare manualmente la funzione dopo aver chiamato localStorage.setItem e richiamare la stessa funzione dal listener di eventi storage per gestire più schede.

Answer 3

Mi rendo conto che si tratta di Safari ma, secondo la Mozilla Developer Network, StorageEvent viene attivato solo se l'oggetto di archiviazione Web viene modificato da una pagina esterna, ad esempio in un'altra scheda.

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

Scorrere fino a "Rispondere ai cambiamenti di storage con lo StorageEvent".

(avrei aggiunto questo come un commento alla risposta accettato, ma non ho il rappresentante per questo.)