最近搞 Android 项目的时候，遇到一个比较蛋疼的需求，需要从 Client App 调用系统浏览器打开一个页面，进行杂七杂八的一些交互之后，返回到 App。如何打开浏览器和如何返回 App 这里就不说了，有兴趣的童鞋可私下交流。
之所以说这个需求蛋疼，是因为 Android 有个物理返回键啊……返回键啊……键啊……啊……
用户按下返回键后，预期应该跟点击页面上的返回键一样——返回 App。然而这个返回键的被按下的时候网页完全不知道啊（onbeforeunload 不算），找不到直接的办法去监听，愁死我们这全苦逼程序员鸟～
虽然啊不能直接监听，曲线救国的办法，还是有滴。
经过艰苦卓绝的寻找，发现使用 HTML5 的 History 可以稍微模拟到返回键的按下事件。原理如下：
- 页面加载完成时，调用 history.pushState 写入一个指定状态 STATE，并监听 window.onpopstate；
- 当 onpopstate 被触发时，检查 event.state 是否等于 STATE，如果相等，表示页面发生了后退（按下返回键或者浏览器的后退按钮），则把这次行为当作是返回键被按下了（把点击浏览器的后退按钮也误算进来了，不过没啥好法子了呀）。
嗯，为了方便调用，把这个逻辑稍微封装了下，代码见这里（https://github.com/iazrael/xback），使用方法如下：
|
1 2 3 4 5 6 7 |
XBack.listen(function(){ alert('oh! you press the back button'); }); XBack.listen(function(){ alert('ah, press press press'); }); |
不过这个方法有些缺陷：
- 如果项目本身使用了 pushState，则历史记录会有瑕疵（多了一个历史）；
- 浏览器的后退按钮点击以及调用 history.back() 也会被当成按下了返回键。
But anyway，对于结构和逻辑比较简单的跳转页来说（就是为了返回 App 用的），这个方法还是蛮实用的，对不对？嘻嘻～
余宁 2016 年 9 月 23 日
如何在微信公众号里面的 web 页面控制手机的返回按钮事件
大宝 2015 年 9 月 23 日
请问你解决了吗？微信中的返回键事件，加 QQ1702656 交流
欲风 2015 年 5 月 14 日
先点个赞！
在手机 web 浏览器中都好用。
但是在微信内置浏览器中就不好用了，求解决方案~ [抱拳]
过客 2015 年 5 月 19 日
;!function(pkg, undefined){
var STATE = ‘x-back’;
var element;
var onPopState = function(event){
event.state === STATE && fire();
record(STATE); //增加代码
}
var record = function(state){
history.pushState(state, null, location.href);
}
var fire = function(){
var event = document.createEvent(‘Events’);
event.initEvent(STATE, false, false);
element.dispatchEvent(event);
}
var listen = function(listener){
element.addEventListener(STATE, listener, false);
}
!function(){
element = document.createElement(‘span’);
window.addEventListener(‘popstate’, onPopState);
this.listen = listen;
//record(STATE); //注释代码
}.call(window[pkg] = window[pkg] || {});
}(‘XBack’);
过客 2015 年 5 月 19 日
还有一点，可能需要在其他 js 上面写 xback.js 里的监听事件声明函数，我这边是调用两个监听返回事件的声明函数，一个是在我自己写的 main.js，一个是直接饮用 xback.js 文件
AlloyTeam 2015 年 5 月 19 日
为什么要监听两次呢?
kano 2015 年 2 月 11 日
点个赞
bird 2013 年 11 月 6 日
哎，也是碰到这个需求了，不过产品本身就是多页面，所以这个办法还是行不通，还是让客户端提供 api 吧。。。
再改改 2013 年 9 月 27 日
牛，我们这里也遇到这个需求了