Safari 不让函数在页面卸载之前完成？

Question

function log(name, value)
{
    mylog.push({'name':name, 'value':value});
}

function flush()
{   
    for (i = 0 ; i < mylog.length ; i++){
        url_str += '&n[]=' + mylog[i].name + '&v[]=' + mylog[i].value;
    }
    url_str += '&r='+Math.floor(Math.random() * 100000);

    var img = new Image();
    var url = 'http://somedomain.com/pixel.php?' + url_str;
    img.src = url;
}

if (window.attachEvent) 
    window.attachEvent('onunload', flush);
else if (window.addEventListener) 
    window.addEventListener('unload', flush, false);

我正在编写一些代码来跟踪用户交互以查找页面上的热点。其中大部分已经完成并且适用于大多数浏览器，但我目前在 Safari 5.0.5/Mac 10.6 上遇到了困难（顺便说一句，它也可以在 Windows XP 上使用 Safari 5.0.1 复制）。给我带来困难的部分是页面传输期间的链接点击。例如，下面的代码将我带到 someotherpage.html：

<form onclick="log('LINK_CLICKED', 'some other page'); this.submit();" action="someotherpage.html">Some other page</form>

该网站在所有浏览器中将我带到 someotherpage.html，但只有 Safari 5.0.5/Mac 10.6 不会在日志中显示 LINK_CLICKED。在 Safari 检查器中进行一些控制台检查后，我发现 Safari 出现“无法加载资源”错误。我怀疑这是因为虽然可以调用 URL，但浏览器已决定继续前进（？）。

无论如何，我已经尝试过 beforeunload 事件并使用 setTimeout 来延迟页面卸载。我是 考虑完全更改 HTML 表单，但这将是一项相当大的工作。不过，我对此持开放态度，除非有人的想法没有引起我的注意。关于它如何在 Safari 5.0.5 (Mac 10.6) 上工作有什么建议吗？

Answer 1

我认为您只是遇到了竞争状况，可以通过跟踪像素负载的回调来缓解这种状况。

function log(name, value, callback)
{
    mylog.push({'name':name, 'value':value, 'callback':callback});
}


function flush()
{   
    for (i = 0 ; i < mylog.length ; i++){
        url_str += '&n[]=' + mylog[i].name + '&v[]=' + mylog[i].value;
    }
    url_str += '&r='+Math.floor(Math.random() * 100000);

    var img = new Image();
    img.onload = logReady;
    var url = 'http://somedomain.com/pixel.php?' + url_str;
    img.src = url;
}

function logReady()
{
  for (i = 0 ; i < mylog.length ; i++){
       mylog[i].callback();
    }
}



<form onclick="log('LINK_CLICKED', 'some other page', function() { form.submit(); });" action="someotherpage.html">Some other page</form>