移动浏览器:后退按钮上的更新元素
Posted
技术标签:
【中文标题】移动浏览器:后退按钮上的更新元素【英文标题】:Mobile browsers: update element on back button 【发布时间】:2012-05-07 14:56:56 【问题描述】:当用户在移动浏览器上导航时(特别是当他们使用滑动手势导航页面时),我正在使用 javascript 来显示 CSS3 抖动器。但是,当使用浏览器后退按钮时,抖动在 ios 和 android 中都存在。我尝试将以下内容添加到正文 onload,但似乎没有触发。
<body onload='document.getElementById("throbber").class="off";'>
有什么建议吗?
【问题讨论】:
【参考方案1】:您需要监听 Back/Forward Cache (bfcache) 事件:pageshow 和/或 pagehide。见https://developer.mozilla.org/En/Working_with_BFCache
【讨论】:
成功了,谢谢!对于后代,我使用的代码是: 所需要的只是将 onload 替换为 onpageshow。 @MikkelPaulson 感谢您回来评论您的回答。太多人留下“太棒了!想通了”的问题以上是关于移动浏览器:后退按钮上的更新元素的主要内容,如果未能解决你的问题,请参考以下文章
当我单击浏览器后退按钮或移动设备后退按钮时,保留选定的选项卡
JS监听微信支付宝等移动app及浏览器的返回后退上一页按钮的事件方法