我的项目是使用简单的css和js,gsap用于时间轴和动画的单页页面。
我测试了通过window.location.reload()的“ onclick”按钮重新加载我的网站。效果很好!
如果用户在浏览器历史记录中滑动,我会尝试:
window.addEventListener('pageshow', function (e) {
if(e.persisted) {
window.location.reload();
}
在台式机上有效。在Android上可以使用。但是在IOS上移动纯属混乱。似乎脚本被加载了几次,性能很慢,所有浏览器,...
使用浏览器历史记录导航后如何在移动设备上重新加载整个网站?
br chris
因为pageshow
在load
之后运行,所以,您可以:
window.addEventListener('pagehide', function(e) {
var $body = $(document.body);
$body.children().remove();
// after callback, run this script
setTimeout(function() {
$body.append("<script type='text/javascript'>window.location.reload();<\/script>");
});
});