JS做谷歌浏览器关闭事件监听

问题：自动化录制插件开发，每次录制结束，如果直接点击关闭而不通过自动化窗口提供的按钮实现，则下一次窗口打开的时候出现错乱，步骤显示、tabid显示等问题。经过排查，窗口新开是在父级框架，同时正常点击录制窗口关闭会有一个chrome.window.remove的操作。
就目前的情况来看，只能先通过监听关闭的方法解决一下。

浏览器监听中刷新和关闭事件有点类似：
页面关闭时先执行onbeforeunload，然后onunload
页面刷新时先执行onbeforeunload，然后onunload，最后onload。

但是据资料查看，浏览器刷新和关闭执行的时间还是有区别的，在简单页面（也就是不需要加载什么文件的时候），关闭大概也就3ms，而加载至少8ms，用到公司脚本录制页面，关闭事件的onbeforeunload到onunload依然在3ms左右，刷新的时间差却是几百毫秒。网上资料，大概也是如此。

目前是在foreground.js（谷歌插件开发的一个相当远前端js的文件），毕竟录制插件的监听也都在这里。

$(document).ready(function () {XXXXXXXXX***其他监听方法***//监听浏览器异常关闭var beginTime =0;//执行onbeforeunload的开始时间var differTime = 0;//时间差window.onunload = function (){differTime = new Date().getTime() - beginTime;if(differTime <= 5) {console.log("浏览器关闭")//触发关闭事件，向后端background.js方法发送信息chrome.runtime.sendMessage({type: 'removeData'}, function (response) {})}else{console.log("浏览器刷新")}}window.onbeforeunload = function (){beginTime = new Date().getTime();};
});

JS做谷歌浏览器关闭事件监听相关推荐

Bootstrap modal 关闭事件监听
以下是一个BootStrap modal弹框 <div class="modal fade" id="colorModal" tabindex=" ...
html5中页面关闭事件监听,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可, window.addEventListener('scroll',()=>{console.log(window. ...
Tomcat启动与关闭事件监听
今天在做项目的时候,需要在tomcat启动的时候便进入某个java类中初始化一些信息.主要是加载数据字典表中的数据.通过学习了tomcat的事件处理机制以及tomcat的生命周期.将该问题成功解决,现 ...
js鼠标点击事件监听
鼠标移动监听: <script>var cont = 0;function f() {document.getElementById("an1").innerHTML ...
plus webview关闭事件监听
plus.webview.currentWebview().addEventListener("close",function(){ },false); 转载于:https://w ...
js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )
JS用addEventListener添加事件监听方法后,可以用removeEventListener来解除监听: element.removeEventListener(event, myFunct ...
事件监听watch框架vue2.x与3.x都适用
前言: 目前正在学习vue或者对vue部分使用不太熟悉的可以跟着的我文章,打开编辑器,安装vue-cli一步步的练习,不会安装vue-cli脚手架的小伙伴可以先看这篇文章https://blog.cs ...
监听js变量的变化_JS监听事件型爬虫
点击上方"Python数据科学",选择"星标公众号" 关键时刻,第一时间送达! 作者:zuobangbang 来源:zuobangbang 最近开始研究网页参数 ...

JS做谷歌浏览器关闭事件监听

JS做谷歌浏览器关闭事件监听相关推荐

最新文章

热门文章