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

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

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

  1. history.pushState

  2. window.onpopstate

  3. 微信内置浏览器JS:WeixinJSBridge.callcloseWindow;

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

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

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

window.onpopstate = functionevent { if event.state.page === state1 { WeixinJSBridge.callcloseWindow; } }

发表评论

电子邮件地址不会被公开。 必填项已用*标注