h5页面返回到微信首页

h5页面返回到微信首页等同于关闭当前打开页面

使用微信内置WeixinJSBridge.call直接关闭

setTimeout(function() {//这个可以关闭安卓系统的手机document.addEventListener("WeixinJSBridgeReady",function() {WeixinJSBridge.call("closeWindow");},false);//这个可以关闭ios系统的手机WeixinJSBridge.call("closeWindow");}, 300);
复制代码

监听页面离开，添加历史记录

pushHistory();//监听触发物理返回按钮
window.addEventListener("popstate",function() {//do somethingconsole.log("我监听到页面离开了")f_close();//执行关闭浏览器窗口，返回公众号首页return;
});function pushHistory() {//该方法添加了一个历史记录，路径为'#'，保证了不刷新页面，不直接后退var state = { title: "title", url: "#"}; window.history.pushState(state, "title", "#");
}
function f_close(){//微信内部浏览器私有接口WeixinJSBridgeif(typeof(WeixinJSBridge)!="undefined"){//微信关闭当前页面WeixinJSBridge.call('closeWindow');}else{//navigator.userAgent.indexOf来判断浏览器类型if (navigator.userAgent.indexOf("MSIE") > 0) {  if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {  //打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示只支持IE6不支持IE7,IE8window.opener = null; window.close();  } else {  //window.open是用来打开一个新窗口的函数！window.open('', '_top'); window.top.close();  }  } else if (navigator.userAgent.indexOf("Firefox") > 0) {  window.location.href = 'about:blank ';  } else {  window.opener = null;   //支持IE7,IE8的问题window.open('', '_self', '');  window.close();  }} }
复制代码

转载于:https://juejin.im/post/5d01f095f265da1bc37f0947

h5页面返回到微信首页相关推荐

前端如何在H5页面调起微信支付
在微信服务号开发的时候经常会遇到微信支付的功能实现,通过实际经验自己总结了一下,前端在H5页面调起微信支付有两种办法,一是利用内置对象,二是通过引用微信的js sdk,亲测都能支付成功,从写法上来看用 ...
H5页面中调用微信和支付宝支付
最近在工作中,有个H5页面需要实现微信支付和支付宝支付的功能,现在已经完成,抽个时间写出来,分享给有需要的人. 第一步:先判断当前环境判断用户所属环境,根据环境不同,执行不同的支付程序. if (/ ...
uni-app应用中控制webview的H5页面返回
在uni-app中使用了webview之后, 由于项目完全由app内嵌h5完成, 所以无法控制app的物理返回键: 要实现这个功能,最主要的是完成应用与H5 的通讯问题. 1.H5向应用发送消息首先 ...
在H5页面中禁止微信分享转发按钮-mugeda
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
在H5页面中禁止微信分享转发按钮
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面
相信大家在做小程序的时候有些需求会需要嵌套h5页面正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了 <web-view src="http://www.goo ...
移动端H5页面返回并且刷新页面（BFcache）
项目中的需求:点击浏览器中的返回按钮,要让页面重新加载资源.因为这部分的资源每次去加载的内容都不一样,如果返回的时候,还是看到原先的内容,那做这个内容块的意义就很小了:而如果用户看完了这部分内容,再返 ...
Android H5页面调起微信和支付宝付款
一.前提条件:后端已经生成了支付链接微信是支持H5在非微信内核的浏览器调起支付的,只是流程很麻烦,需要企业账号申请才行,并且周期较长.微信官方开通说明申请入口:登录商户平台–>产品中心–&g ...
h5页面在新版微信iOS 端出现底部白色导航条
新版微信在苹果iOS 端的h5页面如果有路由跳转,会出现底部白色导航条,出现此情况的原因是: 由于底部导航栏是因为出现history记录才出现的.使用replace就没有history记录,解决办法 ...

h5页面返回到微信首页

h5页面返回到微信首页等同于关闭当前打开页面

使用微信内置WeixinJSBridge.call直接关闭

监听页面离开，添加历史记录

h5页面返回到微信首页相关推荐

最新文章

热门文章