-1

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

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

  • 点击浏览器的后退或前进按钮
  • 点击浏览器关闭按钮
  • 单击选项卡关闭按钮
  • 导航到新网站
4

1 回答 1

1

如果远程可行，请更改要求，因为它会导致不太理想的用户体验。

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

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

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

jQuery 团队会在某个时候移除该async选项。ajax它仍然存在于底层XMLHttpRequest对象中，因此当发生这种情况时，您可以直接使用它。

用户离开站点的事实已经从 Web 服务器日志中显而易见，尽管您无法判断他们在最终页面上花费了多长时间。如果“他们在最后一页上花了多长时间”确实是重要信息，而不是在他们离开时阻止它们（并且依赖于可能不完全可靠的跨浏览器的东西），您可以使用背景“ping”当它们还在页面上时。随着时间的推移，最好将 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);
于 2013-06-20T08:45:15.813 回答