本地存储跨域 - Safari 默认禁用它

Question

问题：

我用过Ofir Dagan的github项目：Storing cross domain local storage。

它实现了html5本地存储： https://github.com/ofirdagan/cross-domain-local-storage

---

问题：

Safari 默认不允许第三方 cookie（其他浏览器允许）。

Safari 隐私偏好是：

默认为：“允许来自我访问的网站”。

我读到了这些设置：

1. 始终阻止 - 阻止所有第一方 cookie 并阻止所有第三方 cookie。

2. 仅从当前网站允许 - 允许所有第一方 cookie 并阻止所有第三方 cookie。

3. 允许来自我访问的网站 - 允许所有第一方 cookie 并阻止所有第三方 cookie，除非第三方曾经是第一方（基于当前 cookie 和浏览历史）。

4. 始终允许 - 允许所有第一方 cookie 并允许所有第三方 cookie。

---

我尝试过的解决方案：

带有 iframe（像素）的本地存储 - 我认为它不再适用于 Safari - Is there any workaround to set third party cookie in Iframe for safari?

---

我认为有一种方法可以在 Safari 上的第一方和第三方网站之间共享本地存储。 （Facebook.com 和 Booking.com 在不同域之间共享数据）。

我通过移除API并自己编写成功实现了它，但我不想移除API并自己实现它（希望有一个小修复以支持Safari） ：

Iframe.html:

window.addEventListener('cors_event', function(event) {
    if(event.event_id === 'my_cors_message'){
        if (event.data.options.funcName == "SetItem") {
            localStorage.setItem(event.data.options.key, event.data.options.value);
        }
        else if (event.data.options.funcName == "GetItem") {
            return localStorage.getItem(event.data.options.key);
        }
    }
});

MainPage:

<iframe id="target" src="iframe.html" frameborder="1"></iframe>

<script>

    var target = document .getElementById('target');
    target.onload = function(){
        target.contentWindow.postMessage('set', '*')
    }
</script>

那么有人知道我如何通过更改一些 API 逻辑来支持 Safari 来实现它吗？

任何帮助表示赞赏！

Answer 1

正如Cross-Storage library documentation所指出的：

关于 Safari 7+（OSX、iOS）的注意事项

Safari 7+ 默认禁用所有跨域本地存储访问。这是“阻止 cookie 和其他网站数据”隐私设置设置为“来自第三方和广告商”的结果。任何跨存储客户端代码都不会崩溃，但是，它只能访问沙盒、隔离的本地存储实例。因此，以前由其他来源设置的任何数据都无法访问。如果可以选择，可以回退到为这些用户代理使用根 cookie，或从服务器端存储请求数据。

Answer 2

你可以试试Store.JS。根据文档：

store.js 公开了一个用于跨浏览器本地存储的简单 API