Question

我目前正在使用aspx网站，我需要检测并记录用户是否即将离开该网站。

如果可能，将需要捕获以下所有内容，如果是用户：

点击浏览器后退或前进按钮
点击浏览器关闭按钮
点击标签关闭按钮
导航到新网站

Answer 1

如果可以远程访问，请更改要求，因为这会导致用户体验不太理想。

至少在某些浏览器上，您可以从onbeforeunload处理程序执行同步 ajax请求，以向用户离开页面的服务器发送信息：

window.onbeforeunload = function() {
    $.ajax({
        url:   "/path/to/page",
        data:  {/* ...stuff... */,
        async: false // <== Option is being removed soon
    });
};

我说这是一个糟糕的用户体验的原因是，因为ajax调用是同步，它会保留它们，并且在某些浏览器上相当干扰（整个事情在等待请求时锁定）去完成）。这也是为什么它可能不是可靠的跨浏览器。

jQuery团队正在从async移除ajax选项。它仍然存在于基础XMLHttpRequest对象中，因此当发生这种情况时，您可以直接使用它。

用户离开网站的事实已经从Web服务器日志中显而易见，尽管您无法确定他们在最终页面上花了多长时间。如果“他们在最后一页上花了多长时间”是非常重要的信息，而不是在他们离开时把它们拿起来（并且依赖于可能不完全可靠的跨浏览器的东西），你当他们仍然在页面上时可以使用背景“ping”。随着时间的推移，最好进一步分开。

例如，当页面加载时：

(function($) {
    var SECOND = 1000;
    var MINUTE = 60000;
    var arrived = +new Date();
    var pingTimes = {
        0:      10 * SECOND, // Every 10 seconds in first minute
        1:      30 * SECOND, // Every 30 seconds in second minute
        2:      45 * SECOND, // Every 45 seconds in third minute
        other:  60 * SECOND, // Every minute otherwise
        long:   10 * MINUTE  // Every 10 minutes if they've been here a long time
    };

    nextPing();

    function ping() {
        $.ajax({
            url:     "/path/to/ping/page",
            method:  "POST",
            success: nextPing,
            error:   nextPing
        });
    }

    function nextPing() {
        var elapsed, pingTime;

        // Get the # of full minutes they've been here
        elapsed = Math.floor((new Date() - arrived) / MINUTE);

        // If it's been a long time, use `pingTimes.long`.
        // Otherwise, use the time from the table or the default.
        pingTime = elapsed > 15 * MINUTE ? pingTimes.long : (pingTimes[elapsed] || pingTimes.other);

        setTimeout(ping, pingTime);
    }

})(jQuery);

检测用户是否已离开网站

1 个答案: