document.cookie 的代理

Question

我需要记录 document.cookie 的设置。我不能只用document.cookie = {...} 重新定义cookie 属性所以我需要为document.cookie 获取setter。但是Object.getOwnPropertyDescriptor(document, "cookie") 返回undefined。

UPD。当我写这个问题时，我找到了一个可行的解决方案，但它使用了已弃用的 __lookupGetter__ 和 __lookupSetter__ 方法。有没有不使用过时 API 的解决方案？

Answer 1

在我写问题时，我发现下一个代码解决了我的问题：

var cookie_setter_orig = document.__lookupSetter__("cookie").bind(document);
var cookie_getter_orig = document.__lookupGetter__("cookie").bind(document);
Object.defineProperty(document, "cookie", {
  get: function () {
    return cookie_getter_orig();
  },
  set: function (val) {
    console.log(val);
    cookie_setter_orig(val);
  }
});

但我不喜欢使用过时的方法，所以希望有更好的解决方案。

Answer 2

访问getter和setter的标准化方式是使用Object.getOwnPropertyDescriptor，但顾名思义，它只查找对象自身的属性（它不查找原型链）。 document 是HTMLDocument 的一个实例，它继承自Document。在现代浏览器中，cookie 属性是在 Document.prototype 上定义的，而在旧版本的 Firefox 中，它是在 HTMLDocument.prototype 上定义的。

var cookieDesc = Object.getOwnPropertyDescriptor(Document.prototype, 'cookie') ||
                 Object.getOwnPropertyDescriptor(HTMLDocument.prototype, 'cookie');
if (cookieDesc && cookieDesc.configurable) {
    Object.defineProperty(document, 'cookie', {
        get: function () {
            return cookieDesc.get.call(document);
        },
        set: function (val) {
            console.log(val);
            cookieDesc.set.call(document, val);
        }
    });
}

讽刺的是，在最关注隐私的浏览器Safari中，描述符已经将configurable设置为false，并且不包含getter和setter，__lookupGetter__或@也不包含987654333@。所以我还没有找到在 Safari 中覆盖 document.cookie 的方法（OS X 和 iOS 9.0.2 上的 8.0.8）。 WebKit nightly 的行为方式与 Safari 相同，因此它似乎不会很快得到修复。

2019 年 10 月更新： 在 MacOS Mojave 上的 Safari 12.1.2 中测试了上述代码，cookieDesk 现在可以配置了！这意味着我从 2015 年开始的 proof of concept document.cookie protection 现在可能真的可以工作了 :)