我发现有html事件window.onunload和window.onbeforeunload,但它们的确意味着文档正在关闭/更改。似乎没有一种通用的方法来检测Web浏览器关闭,这是一个惊喜。
我的应用程序可以在多个浏览器标签中工作,所以我的想法是创建一种引用计数器。这可以如下工作:
当用户启动我的Web应用程序时,在页面onload处理程序中我增加一个计数器并将该值保存为cookie。即++ pagecount并在cookie中保存值。
在window.onunload中,我减少计数器(并在cookie中保存新值)。不确定是否可以在保存到cookie时有竞争条件?
当pagecount == 0我可以清理。
即使我的网络应用程序在多个浏览器中打开(但当然是相同的制作),这也可以使用。
对此我有何评论?你认为这是可行的吗?可靠?我没有预料到的任何问题?
编辑: 以下是它可能如何工作的示例代码。
<!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>
答案 0 :(得分:0)
我认为这是一个坏主意(或者至少它会给你非常不精确的数字):
您永远不能相信cookie的存在是您的计数参考。你不会有任何竞争条件,因为现代浏览器为每个标签分配不同的线程,每个标签都会保留自己的cookie。
此外,您的Web应用程序应该是客户端无关的,它不应该有任何想法如何访问它,您希望了解单个计算机中的多个选项卡。
我猜你可能想要这两种情况中的任何一种: 1.通过提供多个用于演示的窗口来改善用户体验 2.您希望避免多次访问相同的上下文
对于第一个选项,您可以在jquery中使用模态对话框 对于第二个选项,您始终拥有控制用户上下文的会话
希望它可以帮助您决定您的方法