微信页面里iphone点返回不刷新问题
2018-01-09 19:29
513 查看
> 1.问题描述:
微信开发的时候,在公众号菜单中打开一个H5页面(如:分享的视频详情页面),微信授权登录有跳转操作,点击左上角的返回按钮,(由于本页面第一次进来的时候没有加载完就发生了自身页面的跳转),发现会出现卡死的情况。
解决方式1:微信页面里iphone点返回进行刷新操作
$(function() {
pushHistory();
window.addEventListener("popstate", function(e) {
alert("后退");
self.location.reload();
}, false);
});
function pushHistory() {
var state = {
title : "",
url : "#"
};
window.history.replaceState(state, "", "#");
};解决方式2:微信页面里iphone点返回直接退出if(browser.versions.ios){
pushHistory();
window.addEventListener("popstate", function(e) {
WeixinJSBridge.call('closeWindow');
}, false);
}
function pushHistory() {
var state = {
title: "",
url: window.location.href
};
window.history.pushState(state, state.title, state.url);
}
> 2.HTML5 history新特性pushState、replaceState区别:--------------------------------------------------------------------------------参数:state:与要跳转到的URL对应的状态信息。title:可以不传url:要跳转到的URL地址,不能跨域。--------------------------------------------------------------------------------
history.pushState(state, title, url)
将当前URL和history.state加入到history中,并用新的state和URL替换当前。不会造成页面刷新。--------------------------------------------------------------------------------history.replaceState(state, title, url)
用新的state和URL替换当前。不会造成页面刷新。--------------------------------------------------------------------------------两者看似没有区别,其实区别很大的,pushState是添加历史记录的,而replaceState是不添加的。在ios系统上使用这两个操作历史记录,会有很多问题要处理,因为ios本身在微信上有点击返回不刷新页面的问题,处理起来比较麻烦,所以慎用!相关文章:微信浏览器左上角返回按钮的监听点击打开链接
微信里iphone后退不刷新问题解决方案,真实有效点击打开链接
HTML5 history新特性pushState、replaceState及两者的区别点击打开链接
微信开发的时候,在公众号菜单中打开一个H5页面(如:分享的视频详情页面),微信授权登录有跳转操作,点击左上角的返回按钮,(由于本页面第一次进来的时候没有加载完就发生了自身页面的跳转),发现会出现卡死的情况。
解决方式1:微信页面里iphone点返回进行刷新操作
$(function() {
pushHistory();
window.addEventListener("popstate", function(e) {
alert("后退");
self.location.reload();
}, false);
});
function pushHistory() {
var state = {
title : "",
url : "#"
};
window.history.replaceState(state, "", "#");
};解决方式2:微信页面里iphone点返回直接退出if(browser.versions.ios){
pushHistory();
window.addEventListener("popstate", function(e) {
WeixinJSBridge.call('closeWindow');
}, false);
}
function pushHistory() {
var state = {
title: "",
url: window.location.href
};
window.history.pushState(state, state.title, state.url);
}
> 2.HTML5 history新特性pushState、replaceState区别:--------------------------------------------------------------------------------参数:state:与要跳转到的URL对应的状态信息。title:可以不传url:要跳转到的URL地址,不能跨域。--------------------------------------------------------------------------------
history.pushState(state, title, url)
将当前URL和history.state加入到history中,并用新的state和URL替换当前。不会造成页面刷新。--------------------------------------------------------------------------------history.replaceState(state, title, url)
用新的state和URL替换当前。不会造成页面刷新。--------------------------------------------------------------------------------两者看似没有区别,其实区别很大的,pushState是添加历史记录的,而replaceState是不添加的。在ios系统上使用这两个操作历史记录,会有很多问题要处理,因为ios本身在微信上有点击返回不刷新页面的问题,处理起来比较麻烦,所以慎用!相关文章:微信浏览器左上角返回按钮的监听点击打开链接
微信里iphone后退不刷新问题解决方案,真实有效点击打开链接
HTML5 history新特性pushState、replaceState及两者的区别点击打开链接
相关文章推荐
- 解决微信返回按钮到上一页页面不刷新的问题
- 解决微信返回按钮到上一页页面不刷新的问题
- 微信公众账号 点击返回页面刷新页面得到两个相同的code导致程序报错的问题
- 安卓机上的微信返回键之后页面不刷新
- 微信浏览器页面js刷新页面代码,解决微信jquery无法刷新问题
- 微信内置浏览器返回上一页,页面被刷新
- javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
- 解决微信浏览器返回上一页面强制刷新的问题
- iphone微信后退不刷新的问题
- 第七章 返回刷新页面的问题 (改变上级页面的状态)
- 用hash解决微信开发无刷新切换页面返回时滚动条会回到顶部
- 解决页面跳转 返回刷新还是不刷新问题
- 解决ios上微信浏览器返回不刷新的问题
- 微信小程序 修改二级页面后返回一级页面刷新一级页面
- 问题:在手动刷新aspx页面时,出现“不重新发送信息,则无法刷新网页。请单击“重试”,或单击“取消”返回正查看的页。”
- 微信返回跳到前一个页面不刷新实现
- 解决微信返回上一页,页面中的AJAX的请求,对Get请求无效的问题
- 微信WKWebview内核点返回,页面不刷新
- iphone使用微信打开页面不能动态修改title的问题
- 关于webview加载网页,返回后总是刷新页面问题解决