一、如何判断浏览器时关闭了？

　　巨坑！监听浏览器窗口关闭onbeforeunload不起作用（脱坑了啊！！）

 

　　因业务需要，特写方法监听浏览器关闭，然后去do something

　　先声明我没在忽悠，看完能实现这个需求的！！

　　网上大部分推荐方法如下：

　　window.onbeforeunload= function (e) {
　　　　e = e || window.event;
　　　　if (e) {
　　　　　　e.returnValue = '关闭提示';
　　　　}

　　　　// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
　　　　return '关闭提示';
　　};
　　是不是各位测试感觉都没有效果？？？

　　来讲几个点：

　　1、在IE中这个事件你只要去关闭窗口就触发。

　　2、谷歌、火狐等在F12调试模式中也会起效

　　3、谷歌、火狐、QQ等浏览器中被优化了，需要用户在页面有过任何操作才会出现提示！（坑）。

　　不相信的运行下面代码

　　window.onbeforeunload= function (e) {
　　　　while(true){
　　　　　　console.log('关注Jone，携手学习Python从入门到入狱');
　　　　}

　　};
　　别生气，你的需求实现了啊！

　　注意：alert写在里面是不起效的！！

　　总结：你去写你的事件写到return之前，什么http啊什么console.log都没问题，最好直接在里面调用方法去写业务，不要写一大坨代码在这里

　　附我的代码

　　//Vue中写在mounted里
　　mounted() {
　　　　window.onbeforeunload= (e)=>{
　　　　　　e = e || window.event;
　　　　　　if (e) {
　　　　　　　　e.returnValue = '关闭提示';
　　　　　　}

　　　　　　this.toCloseFun()//调用自己的方法

　　　　　　// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
　　　　　　return '关闭提示';
　　　　};
　　},

很抱歉以上虽然说明了关闭浏览器时能执行上述方法，但是，你在刷新浏览器的时候同样会执行上述代码，而我现在的需求是刷新浏览器的时候不执行，关闭浏览器的时候执行。
 
那么下面教大家如何判断浏览器是刷新还是直接关闭：

二、vue手动判断浏览器关闭

　　当浏览器关闭时，我们可以清除localstorage及cookie
　　只关闭，刷新无效

　　在App.js里面写入

　　

methods: {
     beforeunloadHandler(){
        this._beforeUnload_time=new Date().getTime()
    },
    unloadHandler(e){
      console.log(e)
        this._gap_time=new Date().getTime()-this._beforeUnload_time
        debugger
        //判断是窗口关闭还是刷新
        if(this._gap_time<=5){
          //如果是登录状态，关闭窗口前，移除用户
               localStorage.removeItem('token')
        }
    },
},

　　

mounted() {
      window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
      window.addEventListener('unload', e => this.unloadHandler(e))
},

　　

 destroyed() {
      window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
      window.removeEventListener('unload', e => this.unloadHandler(e))
},