600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 微信公众号开发 ios系统自带返回按钮 不刷新页面

微信公众号开发 ios系统自带返回按钮 不刷新页面

时间:2022-02-12 15:22:16

相关推荐

微信公众号开发 ios系统自带返回按钮 不刷新页面

微信公众号开发时,在IOS系统下点击返回按钮,发现返回后的页面是没有经过刷新的,虽然这样是有好处,不用再重新请求页面数据,但是很多时候我们是需要重新去请求页面数据的。

首先我们需要监听手机的系统,然后在监听返回事件,当用户点击返回按钮后,将页面进行强制刷新,代码如下

var ua = navigator.userAgent;if (ua.indexOf('iPhone') > -1) {//苹果手机window.onload = function () {setTimeout(() => {window.addEventListener("popstate", function (e) {// alert("我监听到了浏览器的返回按钮事件啦");self.location = document.referrer;});}, 500)}}

popstate事件只会在浏览器某些行为下触发, 比如点击后退、前进按钮(或者在JavaScript中调用history.back()、history.forward()、history.go()方法)。当网页加载时,各浏览器对popstate事件是否触发有不同的表现,Chrome 和 Safari会触发popstate事件, 而Firefox不会,因此需要加一个定时器进行延迟,这样就不会因为页面刚一加载就出发popstate事件。

referrer 属性可返回载入当前文档的文档的 URL。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。