微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】

需求：

微信公众号开发的时候，可能会出现这种需求：

微信公众号内指定某个网页在点击返回键时不回退到上一级，而是直接关闭微信浏览器窗口，用户点击返回按钮本身就是一个返回事件。

解决方案： 利用监听返回事件 window.addEventListener("popstate", function(e) {//你的逻辑}, false)

两种监听返回关闭方法：

（1）需要微信授权

//当点击返回键时，不返回到上一页，而是直接关闭微信浏览器
function onBackCloseWindow() {pushHistory();window.addEventListener("popstate", function(e) {//关闭当前浏览器 //关闭当前浏览器或跳转重定向页面wx.closeWindow();//需微信授权}, false);function pushHistory() {var state = {title: "title",url: "#"};window.history.pushState(state, "title", "#");}

（2）无需微信授权

//当点击返回键时，不返回到上一页，而是直接关闭微信浏览器
function onBackCloseWindow() {pushHistory();window.addEventListener("popstate", function(e) {//关闭当前浏览器或跳转重定向页面WeixinJSBridge.call("closeWindow");}, false);function pushHistory() {var state = {title: "title",url: "#"};window.history.pushState(state, "title", "#");}
}

关于部分安卓机使用手势返回/物理返回键监听不了的问题

上面的代码在IOS中是没有问题的，但是在调试的时候发现部分安卓尽然监听不了popstate；

关于此问题，微信社区也看到了，但是工作人员都没有给出一个满意的解决方案（直接搜一下popstate，会出现关于这个问题的讨论）：

公众号中监听popstate 事件在vivoY3手机中不执行？
安卓手机测试发现至少需要手指点击页面任何部分之后返回才会触发popstate

然后也在网上搜一下这个问题（相关文章）：

微信内置浏览器返回键popstate事件监听不触发问题（安卓）
很多安卓手机微信浏览器无法监听 popstate、hashchange 事件

粗略说一下网上大神们说的问题的根源：

根源：微信的安全策略 / 微信浏览器内核
解决办法：必须用户点击当前界面（真人交互界面）

关于有人说引入了一些js就解决了（收费），各位大佬可以自行处理这个问题

我的解决方法

遇到这个问题挺束手无策的，当然最后也是解决了，大家可以参考一下

解决： 既然说是要真人交互，那就在监听的界面，弹个窗（自定义的窗口），诱导用户点击就行，此时如果安卓机使用物理返回啥的，就可以监听到了；

不足：

上面的方法是实在没辙的方法了，如果用户仍然不点击弹窗的话，直接按返回的话依然监听不了的；
其次弹窗这个东西，并不是说加就加，需要跟产品商量，正巧我监听的那个界面可以弹个窗啥的还说的过去；

上面的方法就是属于诱导性方法，如果大神们有找到好的方法也可以讨论讨论~

微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】相关推荐

vue 监听返回按钮
2020-09-27 09:21:30 移动端当用户使用默认返回按钮的时候,或左滑,或点击返回键这时候需要监听返回按钮 1.挂载完成后,判断是否支持popstate mounted(){ if (w ...
uniApp 微信小程序授权公众号推送信息
准本工作 1.首先小程序更公众号关联起来 2.配置相应的域名(也就是你请求后端接口的公共地址) 3.需要写一个h5 页面用于跳板公众号的授权公众号如何关联小程序? 打开微信公众号后台,选择 ...
小程序与服务号、App、H5的区别
小程序与服务号的区别小程序与服务号是并行体系,同属于微信生态圈.企业要做好.做大一个服务号,基础就是获取大量目标用户的关注,即获得大量粉丝.服务号与用户存在关注和订阅的关系,业界通过粉丝数量判断该服 ...
小程序与服务号的区别
小程序与服务号是并行体系,同属于微信生态圈.企业要做好.做大一个服务号,基础就是获取大量目标用户的关注,即获得大量粉丝.服务号与用户存在关注和订阅的关系,业界通过粉丝数量判断该服务号的价值. 小程序与 ...
微信公众号监听返回按钮问题解决
2017年12月21日微信公众号监听返回按钮问题解决 //首页返回路径 $(function(){pushHistory();var bool = false;setTimeout(function ...
h5页点击返回时关闭_在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口...
最近在使用微信.支付宝.百度钱包实现网页支付,对支付成功将自动关闭页面,对于支付失败,将显示错误信息.当在错误页面的时候,点击返回或者Android物理按键上一步的时候,将关闭页面. 在微信.支付宝 ...
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
在微信.支付宝.百度钱包实现点击返回按钮关闭当前页面和窗口的方法,传统的window.close()是无效的,必须要使用它们的js代码才能关闭. 最近在使用微信.支付宝.百度钱包实现网页支付,对支付成 ...
【Android】ActionBar监听返回按钮
android生成的Activity默认是不显示ActionBar的,如果有需要可以把它打开,并且设置主副标题.返回键键等,重写onOptionsItemSelected才能点击返回键返回上一层 pu ...
想在微信上使用chatGPT？小程序？公众号？企业微信，最终还是选择了企业微信版本的chatgpt
chatgpt的接口现在都可以正常用了,但是怎么把这个功能放在手机上随用随开呢? 微信个人聊天版本小程序版本公众号版本企业微信版本逻辑实现方式微信个人聊天版本网上很多微信机器人版本的,但 ...

微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】

需求：

两种监听返回关闭方法：

关于部分安卓机使用手势返回/物理返回键监听不了的问题

我的解决方法

微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】相关推荐

最新文章

热门文章