History API 使用不当导致浏览器无法后退

      经常有人问我「地址栏更新页面不刷新」是怎么实现的？我回答过好多次，只是 History API 而已。History API 已经不是什么新东西了，基本上已经是普及的状态了。但一个东西普及后也会带来种种困惑。比如如果没有好好驾驭它，就会把安卓手机的后退键搞残废掉。
　　使用了 History API 的网页中经常会遇到无法后退的情况。原因大概是在 onpopstate 事件中做了同样的 pushState。比如下面代码就是一个典型 运行

<script>
onpopstate=function(e){
  history.pushState(null,null,location.href);
};
history.pushState(null,null,location.href);
</script> 　　

        无法后退在 PC 端的影响也许并不大，但在安卓机上，后退键经常会用于退出程序，如果后退键被搞残废了那就真不知道该如何退出程序了。
　　或许各位用土豪肾的大大根本没有遇到过这个问题吧？反正我自己是经常遇到，今天只是找个机会喷喷这个问题而已。本文由罗建博客编辑整理。