无法使用Safari上的Storage Access API在iframe中设置Cookie

我的页面上有一个iframe。由于Safari阻止了第三方Cookie，我正在尝试使用“开发人员指南”中此处建议的存储访问API：https : //webkit.org/blog/10218/full-third-party-cookie-blocking-and-more /。我从文档中复制了以下代码：

<script type="text/javascript">
  window.addEventListener('load', () => {
    document.getElementById('test-button').addEventListener('click', () => {
      document.hasStorageAccess().then(hasAccess => {
        console.log('hasAccess: ' + hasAccess);
        if (!hasAccess) {
          return document.requestStorageAccess();
        }
      }).then(_ => {
        console.log('Now we have first-party storage access!');
        document.cookie = "foo=bar";
        console.log(`document.cookie: ${document.cookie}`);
      }).catch(_ => {
        console.log('error');
      });
    });
  });
</script>

<button id="test-button">Test</button>

浏览器控制台输出：

[Log] hasAccess: true
[Log] Now we have first-party storage access!
[Log] document.cookie: 

如您所见，授予似乎很成功，但仍然无法设置Cookie。有人知道出什么事了吗？

Safari版本13.0.1

编辑： Safari 13.1上的控制台输出：

[Log] hasAccess: false
[Log] error

注意：iframe附页是src指向该页的简单标签。

TL; DR

确保已经在第一方上下文中为域设置了cookie。

该代码示例有两点要注意。请注意，以下内容已在Safari 13.1上进行了测试。

用户提示的条件以及随后的访问权限：

1. document.requestStorageAccess必须由于用户操作而被调用。尽管如MDN docs上所述，document.hasStorageAccess但似乎并未传播用户操作。
2. 用户必须已经在第一方上下文中与第三方进行了交互。单击文档即可。

能够编写Cookie的条件：

必须已经在第一方上下文中在域上设置了cookie。该cookie可以由服务器设置为响应头，也可以由JS使用document.cookie设置。经过一些进一步的测试，似乎该cookie一定不能与domain标志一起设置，以便在第三方上下文中设置后续的cookie。这意味着实际上，还必须在相同的确切子域上设置现有的cookie。