кнопку назад в браузере не работает должным образом после использования PushState (в Chrome)

Question

Я использую этот тип линии в ответ JS

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

, но когда я нажимаю back в браузере, я вижу код JS из ответ вместо предыдущей страницы.

Есть ли способ, чтобы сделать кнопку назад работу таким образом, он будет повторно запросить страницу последнего URL (до home_path, как pushStated в

Update:

Я нашел this .. похоже, другие имеют один и тот же вопрос с .. History.js не исправить либо

Так, чтобы подтвердить некоторые из комментариев там .. Это происходит только в хроме

Что я думаю

Я думаю, что корень всего этого состоит в том, что popstate запрашивает один и тот же тип документа pushstate documentemtn (js response). Что должно быть сделано по popstate запросу HTML ответ .. Я просто не знаю, как

Больше обновлений:

видящие http://railscasts.com/episodes/246-ajax-history-state он упоминает использовать

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

это решает но в соответствии с understanding jQuery $.getScript() withtout ajax caching добавит отметки времени .., который загрязняет URL-адрес. Отключение его делает его неработоспособным с тем же эффектом.

Кто-нибудь знает, как это решить?

Еще больше обновлений

Я разыскал следы этой проблемы во всей межсети и заканчивались issue in chrome что указует на вопрос рельсов (светлячок однако работает отлично) и issue in rails-ujs относительно не включая Вары заголовка в ответов

Пример можно найти here

Answer 1

Сейчас я играю с выполнением

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

, который, кажется, чтобы решить эту проблему, на первый взгляд.

Если кто-то имеет тот же вопрос, пожалуйста, проверьте его и дайте мне знать

Answer 2

Я тестировал этот код в моем браузере, используя локальный файл HTML, и я получил ошибку консоли безопасности:

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

Я могу видеть, как манипулирование историей браузера может считаться потенциально опасным поведением, поэтому, я думаю, вы должны проверить, что это не происходит и для вас. Попробуйте использовать консоль Javascript Firebug. Также возможно, что могут быть различия в поведении между локальными и http: // HTML-файлами.

Сказал, что для того, что я видел, последний элемент массива history - это в основном текущая страница, поэтому, если вы хотите изменить предыдущий, вы можете сделать это, используя две команды pushState() - сначала вы нажмите предыдущий элемент, который вы хотите, затем снова нажмите текущий путь. Если я правильно понял вашу проблему.

Answer 3

Вы должны добавить слушателя к popstate событию

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

Когда кнопка нажата назад URL-адрес изменяется, и затем popstate событие. Вы несете ответственность за загрузку деталей в своем прослушивателе popstate, который соответствует измененному URL-адресу.

A nice popstate example

Некоторые браузеры огонь popstate событие при первой загрузке страницы, вызывая бесконечный цикл загрузки страницы. Этого можно избежать, добавив следующую проверку

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

Затем установить loadPage истина, когда PushState называется

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

Этот метод работает во всех браузерах, которые поддерживают истории html5 API.

Answer 4

Это случилось Мой с Синатрой & хрома.

решаемые его:

$.ajaxSetup({ cache: false });