Tengo un iframe en mi página. Como Safari bloquea las cookies de terceros, intento utilizar la API de acceso al almacenamiento como se sugiere aquí en 'Orientación para desarrolladores': https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more / . He copiado el siguiente código de la documentación :
<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>
Salida de la consola del navegador:
[Log] hasAccess: true
[Log] Now we have first-party storage access!
[Log] document.cookie:
Como puede ver, la concesión parece ser exitosa pero aún no puede configurar la cookie. ¿Alguien tiene una idea de lo que está mal?
Safari versión 13.0.1
EDITAR: Salida de consola en Safari 13.1:
[Log] hasAccess: false
[Log] error
Nota: La página adjunta es una iframe
etiqueta simple que src
apunta a esta página.
console.log('Now we have first-party storage access!');
entrar en el then
de requestStorageAccess()
?