移动浏览器：后退按钮上的更新元素

Posted 2023-03-12

技术标签:

【中文标题】移动浏览器：后退按钮上的更新元素【英文标题】：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 感谢您回来评论您的回答。太多人留下“太棒了！想通了”的问题

以上是关于移动浏览器：后退按钮上的更新元素的主要内容，如果未能解决你的问题，请参考以下文章