uni-app H5在公众号中关闭页面窗口

需求是uni-app 做的H5页面在公众号底部按钮点击显示一个表单页面，当提交成功后关闭H5页面窗口，呈现公众号界面

代码如下：

// 判断当前环境
export const isWechat = () => {var ua = window.navigator.userAgent.toLowerCase();if (ua.match(/micromessenger/i) == 'micromessenger') { // 判断是否在微信浏览器内return true;} else {return false;}
}

function closePage() {// isWechat是我写的一个判断当前环境是否是微信内置浏览器 的方法if (!isWechat()) return // 非微信环境下，不做处理 setTimeout(function() {//安卓手机document.addEventListener("WeixinJSBridgeReady", function() {WeixinJSBridge.call("closeWindow");}, false);//ios手机WeixinJSBridge.call("closeWindow");}, 100);}

在表单提交成功后调用closePage方法即可实现

uni-app H5在公众号中关闭页面窗口相关推荐

微信公众号中关闭页面
微信公众号中关闭页面一.应用场景在微信公众号中为什么要通过JS方法关闭页面? 答:防止用户通过连接地址进入公众号,杜绝安全隐患,以及登录失效的情况. 二.具体的实现思路在封装好的请求文件中的响应 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
在做vue h5 时因改变手机字体导致页面布局错乱比如在微信公众号中放入h5 客户把手机字体或者微信字体调大导致页面错乱
认定了就要好好的珍惜对待,人生不容辜负,你必须要更加努力 .加油骚年 ** 正文: ** 在做vue h5 时因改变手机字体导致页面布局错乱比如在微信公众号中放入h5 客户把手机字体或者微信字 ...
小程序内嵌H5、H5回跳至小程序、小程序打开公众号中的文章
一.小程序内嵌H5 1.前期准备:在微信公众平台小程序开发 --> 开发管理 --> 开发设置中配置业务域名. 2.语句: <web-view src="&quo ...
微信公众号中如何关闭本页面
微信公众号中如何关闭本页面如何通过弹框关闭本页面如何通过弹框关闭本页面网上有各种关闭本页面的方法,比如有history.back(),this.close(),window.close() 在手 ...
微信app支付和公众号内支付JSAPI
微信app支付和公众号内支付以下为微信app和JSAPI支付 package cn.xizhi.until.pay;import cn.xizhi.until.GetIp; import cn.xi ...
基于WeX5平台开发微信公众号中的在线问卷调查
在线调查问卷在我们的生活中应用的非常广泛,能够非常方便快捷的获取到我们需要的信息,统计分析出相关核心的数据,方便我们的决策.在微信发展迅速的时代,覆盖面非常的大,那么基于微信公众号去推送我们的在线问卷 ...
微信公众号中的支付宝支付与微信支付支付宝支付问题（微信bug）
一般,在微信公众号中的商城都是需要支持微信支付和支付宝支付的,当然,较大的公司对于鹅厂和阿里的站队就不说了,所以这里简单记录一下支付宝支付和微信支付的主要流程.说是简单介绍,这是因为确实不难,因为前端 ...
视频存储与公众号中播放的解决方案（直接调用代码或公众号调用视频地址）
企业视频产品宣传片的制作,有利于企业形象的树立,还可以得到公众的信赖,为企业营销做直观形象的铺垫.企业宣传片作为企业的工具,集合视听语言于一身,可以从听觉和视觉两个方面来展示企业和产品.这种本身的直观 ...

uni-app H5在公众号中关闭页面窗口

uni-app H5在公众号中关闭页面窗口相关推荐

最新文章

热门文章