pulsante Indietro del browser non funziona correttamente dopo aver utilizzato pushState (in Chrome)

Question

Sto usando questo tipo di linea in una risposta JS

if (history && history.pushState){ 
    history.pushState(null, null, '<%=j home_path %>'); 
} 

ma quando clicco back nel browser, vedo il codice JS di la risposta invece della pagina precedente.

C'è un modo per far funzionare il pulsante indietro per cui sarebbe nuovamente richiesta la pagina dell'ultimo url (prima home_path come pushStated in

Aggiornamento:?

ho trovato this .. sembra che altri hanno lo stesso problema con .. History.js non si risolve neanche

Quindi, per confermare alcuni dei commenti lì .. Questo accade solo in cromo

Cosa penso

Penso che la radice di tutto questo è che il popstate richiede lo stesso tipo di docuemtn pushstate (risposta js). Ciò che deve essere fatto è su richiesta popstate la risposta html .. io non so come

Altri aggiornamenti:

vedendo http://railscasts.com/episodes/246-ajax-history-state si parla di utilizzare

$(window).bind("popstate", function() { 
     $.getScript(location.href); 
    }); 

questo risolve il problema ma secondo understanding jQuery $.getScript() con tout caching ajax aggiungerà timestamp .. che inquina l'url .. disattivandolo non funziona di nuovo con lo stesso effetto ..

Qualcuno sa come risolvere questo?

Ancora più Aggiornamenti

ho rintracciato i sentieri della questione in tutto l'interweb e si è conclusa con un issue in chrome che punta a un problema di rotaie (Firefox funziona bene comunque) e un issue in rails-ujs riguardanti non compresi Vary intestazione in le risposte

esempio può essere trovato here

Answer 1

Attualmente sto giocando intorno con fare

response.headers['Vary'] = 'Accept' 

che sembra risolvere il problema, al primo sguardo.

Se qualcuno ha lo stesso problema, si prega di controllare e fatemi sapere

Answer 2

ho provato questo codice sul mio browser utilizzando un file HTML locale e ho ottenuto un errore di sicurezza della console:

SecurityError: The operation is insecure. 
    history.pushState(null, null, '<%=j home_path %>'); 

Posso vedere come manipolare la cronologia del browser può essere considerato un comportamento potenzialmente pericoloso, quindi suppongo che dovresti controllare che questo non stia accadendo anche per te. Prova a utilizzare la console JavaScript di Firebug. È anche possibile che ci possano essere differenze di comportamento tra i file HTML locali e http: //.

Detto questo, per quello che ho visto l'ultimo elemento dell'array history è fondamentalmente la pagina corrente, quindi se si desidera modificare quello precedente, è possibile farlo utilizzando due comandi pushState() - prima tu spingere l'elemento precedente che desideri, quindi spingere di nuovo il percorso corrente. Se ho capito bene il tuo problema.

Answer 3

è necessario aggiungere un listener per l'evento popstate

window.onpopstate = function(event) { 
    //load the page 
}; 

Quando il pulsante viene premuto di nuovo l'URL è cambiato e quindi l'evento popstate è sparato. È tua responsabilità caricare i dettagli nel listener popstate corrispondenti all'URL modificato.

A nice popstate example

Alcuni browser sparare un evento popstate quando la pagina viene caricata, causando un ciclo infinito di caricamento della pagina. Ciò può essere evitato con l'aggiunta del seguente controllo

var loadPage = window.history.state; 
window.onpopstate = function(event) { 
    if (loadPage) 
     //load the page 
}; 

quindi impostare il loadPage su true quando si chiama pushState

history.pushState(null, null, '<%=j home_path %>'); 
loadPage = true; 

questa tecnica funziona in tutti i browser che supportano HTML5 storia api.

Answer 4

E 'successo la mia con Sinatra & cromato.

risolto con:

$.ajaxSetup({ cache: false });