微信web开发,按返回键直接退出

最近写微信网页,点击按钮会有几个页面跳转,但是到最后一个页面,希望按返回键直接退出微信浏览器,不回退以前的历史页面,请问该怎么做

阅读 12.2k
2 个回答

这个部分需要用到三个东西:

  1. history.pushState

  2. window.onpopstate

  3. 微信内置浏览器JS:WeixinJSBridge.call('closeWindow');

你可以在最后一个(需要点击返回退出浏览器的)页面载入的时候借助 history.pushState 保存下两个状态:

history.pushState({page : 'state1'},'state','#state1');
history.pushState({page : 'state2'},'state','#state2');

然后监听返回按钮的点击事件(事实上就是出发了浏览器的历史记录变动事件),当监听到用户点击返回按钮时执行类似下面的函数,调用微信内置JS函数WeixinJSBridge.call('closeWindow'); 关闭浏览器,即可完成用户点击返回按钮退出微信浏览器的操作。:

window.onpopstate = function(event) {
      if (event.state.page === 'state1') {
        WeixinJSBridge.call('closeWindow');
      }
    }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题