javascript - 如何检测用户是否在 Firefox 42+ 中使用跟踪保护

Question

Firefox在 v42.0中推出了一项称为跟踪保护的功能。它阻止了几个跟踪脚本，例如 Google Analytics、Marketo、LinkedIn 等。

我试图通过 检测它navigator.DoNotTrack，但它unspecified在两种情况下都会返回——在常规模式下浏览和在私人模式下浏览——在 Mac 上使用 Firefox 42.0。

我如何在 JavaScript 中检测用户是否正在查看启用了跟踪保护的网站，因为navigator.DoNotTrack失败了？

Answer 1

navigator.donottrack仅显示“不跟踪”首选项的设置。它不知道是否启用了跟踪保护，这是一个不同的功能。在隐私浏览模式下会自动启用跟踪保护，但用户可以更改 about:config 中的设置以使其全时启用。

虽然您无法直接判断该功能是否已启用，但您可以通过以下方式检查其效果：

var canreach = false;
$(function() {
    $('<img/>')
        .attr("src", "//apps.facebook.com/favicon.ico")
        .load(function(){canreach = true;})
        .css("display", "none")
        .appendTo(document.body);
});

Firefox 使用从Disconnect获得的列表进行跟踪保护；只需使用您知道该列表中的域，并且您知道将存在的图像。

当然，这可能会标记出导致图像无法加载的任何原因，包括网络连接问题、广告拦截软件、过滤代理等。

Answer 2

这是使用 Deferred 的 miken32 答案的略微改进版本：

function whenNoTrackingProtection() {
    if (!whenNoTrackingProtection.promise) {
        var dfd = new $.Deferred();
        whenNoTrackingProtection.promise = dfd.promise();

        var time = Date.now();
        $('<img/>')
            .attr('src', '//apps.facebook.com/favicon.ico')
            .on('load', dfd.resolve)
            .on('error', function() {
                if ((Date.now() - time) < 50) {
                    dfd.reject();
                } else {
                    // The request took to long, it seems this is a network error.
                    dfd.resolve();
                }
            });
    }

    return whenNoTrackingProtection.promise;
}

或者不使用 jQuery，使用 Promise：

function whenNoTrackingProtection() {
    if (!whenNoTrackingProtection.promise) {
        whenNoTrackingProtection.promise = new Promise(function(resolve, reject) {
            var time = Date.now();
            var img = new Image();
            img.onload = resolve;
            img.onerror = function() {
                if ((Date.now() - time) < 50) {
                    reject();
                } else {
                    // The request took to long, it seems this is a network error.
                    resolve();
                }
            };
            img.src = '//apps.facebook.com/favicon.ico';
        });
    }

    return whenNoTrackingProtection.promise;
}

Answer 3

这是一个使用 Promise 的不使用 jQuery 的更新解决方案。感谢@miken32 和@sleepwalker。

为什么我更喜欢这个解决方案而不是基于 navigator.doNotTrack 的解决方案？在 Firefox 中，navigator.doNotTrack 在严格的增强跟踪保护上返回 1，但在 Google Chrome 中，用户需要启用使用您的浏览流量发送“不跟踪”请求。

function whenNoTrackingProtection() {
    if (!whenNoTrackingProtection.promise) {
        whenNoTrackingProtection.promise = new Promise(function(resolve, reject) {
            var time = Date.now();
            var img = new Image();
            img.onload = resolve;
            img.onerror = function() {
                if ((Date.now() - time) < 50) {
                    reject(new Error("Rejected."));
                } else {
                    resolve(new Error("Takes too long."));
                }
            };
            img.src = '//www.facebook.com/tr/';
        }).then((result) => {
          console.log("Tracking OK");
        }).catch(e => {
          console.log("Tracking KAO");
          console.log(e)
        });
    }
}
whenNoTrackingProtection()