Javascript Popstate后退按钮功能在Chrome和IE中运行缓慢(firefox很好)
我设法建立了一个使用HTML5历史API的工作示例。它在Firefox中运行良好,但在Chrome和IE11中,每按一次后退或前进按钮,页面加载时间就会慢得多 在按下4或5次(在两页之间来回移动)后,速度会变得非常慢 我想这可能取决于我如何使用AJAX加载内容,但为什么它在页面之间的前几次转换中工作得很好呢 以下是一个工作链接: 下面是使所有工作正常的代码片段:Javascript Popstate后退按钮功能在Chrome和IE中运行缓慢(firefox很好),javascript,jquery,ajax,google-chrome,html5-history,Javascript,Jquery,Ajax,Google Chrome,Html5 History,我设法建立了一个使用HTML5历史API的工作示例。它在Firefox中运行良好,但在Chrome和IE11中,每按一次后退或前进按钮,页面加载时间就会慢得多 在按下4或5次(在两页之间来回移动)后,速度会变得非常慢 我想这可能取决于我如何使用AJAX加载内容,但为什么它在页面之间的前几次转换中工作得很好呢 以下是一个工作链接: 下面是使所有工作正常的代码片段: loadContent = function () { $.ajax({ url: pageUrl, success: functi
loadContent = function () {
$.ajax({
url: pageUrl, success: function (data) {
$('#main-content').html(data);
}
});
if (pageUrl != window.location) {
window.history.pushState({ path: pageUrl }, '', pageUrl);
}
}
$(window).on('popstate', function () {
$.ajax({
url: location.pathname, success: function (data) {
$('#main-content').html(data);
}
});
});
$('a').on('click', function () {
pageUrl = $(this).attr('href');
loadContent();
return false;
});