Javascript 检测web浏览器关闭-可能的解决方案
我发现有html事件window.onunload和window.onbeforeunload，但它们实际上意味着文档正在关闭/更改。似乎没有一种通用的方法来检测web浏览器关闭，这是一个惊喜 我的应用程序可以在多个浏览器选项卡中工作，所以我的想法是创建一种参考计数器。这可以按如下方式进行： 当用户启动我的web应用程序时，我会在PageOnLoad处理程序中增加一个计数器，并将值保存为cookie。ie++页面计数并将值保存在cookie中 在window.onunload中，我减小计数器（并将新值保存在cookie中）。不确定保存到cookie时是否可能存在竞争条件 当pagecount==0时，我可以进行清理 即使在我的web应用程序在多个浏览器中打开的情况下（当然是同一个版本），这也能起作用 如果您对此有任何意见，我将不胜感激？你认为这可行吗？可靠吗？有什么我没有预见到的问题吗 编辑： 下面是它如何工作的示例代码Javascript 检测web浏览器关闭-可能的解决方案,javascript,html,Javascript,Html,我发现有html事件window.onunload和window.onbeforeunload，但它们实际上意味着文档正在关闭/更改。似乎没有一种通用的方法来检测web浏览器关闭，这是一个惊喜 我的应用程序可以在多个浏览器选项卡中工作，所以我的想法是创建一种参考计数器。这可以按如下方式进行： 当用户启动我的web应用程序时，我会在PageOnLoad处理程序中增加一个计数器，并将值保存为cookie。ie++页面计数并将值保存在cookie中 在window.onunload中，我减小计数器（并
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function SetCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value + ";path=/";
}
function GetCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
return "";
}
function bindEvent(el, eventName, eventHandler) {
if (el.addEventListener){
el.addEventListener(eventName, eventHandler, false);
} else if (el.attachEvent){
el.attachEvent('on'+eventName, eventHandler);
}
}
function IncrementUnload() {
var current = GetCookie("Unloaded") - 0;
++current;
SetCookie("Unloaded", current, 1);
//here you would compare Loaded and unloaded and if
//loaded == unloaded - then perform any cleanup
}
function printcookie() {
var here = document.getElementById("here");
if(here) {
here.innerHTML += " " + (GetCookie("Loaded") - 0);
}
}
function printunloadcookie() {
var there = document.getElementById("there");
if(there) {
there.innerHTML += " " + (GetCookie("Unloaded") - 0);
}
}
function init() {
var current = GetCookie("Loaded") - 0;
++current;
SetCookie("Loaded", current, 1);
bindEvent(window, "beforeunload", IncrementUnload);
}
window.onload = init;
</script>
</head>
<body>
<b>Close this window or press F5 to reload the page.</b>
<br /><br />
<p id="here">Loaded=</p>
<p id="there">Unloaded=</p>
<form>
<input type="button" id="print_cookie" value="print Loaded cookie" onclick="printcookie();">
<br />
<input type="button" id="print_unload_cookie" value="print Unloaded cookie" onclick="printunloadcookie();">
</form>
</body>
</html>
函数SetCookie（c_名称、值、exdays）
{
var exdate=新日期（）；
exdate.setDate（exdate.getDate（）+exdays）；
var c_value=escape（value）+（exdays==null）？“”：“expires=“+exdate.toutString（））；
document.cookie=c_name+“=”+c_value+“path=/”；
}
函数GetCookie（c_名称）
{
变量i，x，y，ARRcookies=document.cookie.split（“；”）；
对于（i=0；i我认为这是个坏主意（或者至少它会给出非常不精确的数字）：
你永远不能相信Cookie的存在是你的计数参考。你将不会有任何竞争条件，因为现代浏览器为每个选项卡分配不同的线程，每个thead将保留自己的Cookie
此外，您的web应用程序应该与客户端无关，它不应该知道您是如何访问它的，您希望知道一台计算机中有多个选项卡
我猜你想要这种行为是因为两件事之一：
1.通过提供多个演示窗口提供更好的用户体验
2.您希望避免对同一上下文的多次访问
对于第一个选项，可以在jquery中使用模态对话框
对于第二个选项，您总是有会话来控制用户的上下文
希望它能帮助您决定您的方法我认为您可以使用localstorage而不是Cookie来减少HTTP请求开销。一般来说，您的方法没有问题。并非所有浏览器都支持localstorage（目前）-因此我更喜欢Cookie。HTTP开销为（可能是个位数）在任何情况下，本地存储的数量都可能是最小的。所有流行的浏览器（Chrome、Firefox、IE8+、Opera和Safari）都支持本地存储，所以这根本不是问题。为什么我永远不能相信cookies的存在是我的计数参考？因为cookies是简单的文本文件，可以通过维护机器或用户随时删除，这是不可靠的