javascript - 微信web开发，按返回键直接退出

Question

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

Answer 1

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

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');
      }
    }