Eu tenho um iframe na minha página. Como o Safari bloqueia cookies de terceiros, estou tentando usar a API de acesso ao armazenamento, conforme sugerido aqui em 'Orientação ao desenvolvedor': https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more / . Copiei o seguinte código da documentação :
<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>
Saída do console do navegador:
[Log] hasAccess: true
[Log] Now we have first-party storage access!
[Log] document.cookie:
Como você pode ver, a concessão parece ter êxito, mas ainda não pode definir o cookie. Alguém tem uma idéia do que está errado?
Safari Versão 13.0.1
EDIT: Saída do console no Safari 13.1:
[Log] hasAccess: false
[Log] error
Nota: A página anexa é uma iframe
tag simples, src
apontando para esta página.
console.log('Now we have first-party storage access!');
entrar no then
de requestStorageAccess()
?