Utilizo una API para generar PDF o PDF almacenado en un directorio privado (solo accesible si el usuario ha iniciado sesión).
Mi punto final envía una respuesta http con Content-Type : application/pdf .
Lo recibo en la aplicación React.js que hace URL.createObjectURL(blob) from response.blob() usando fetch .
Cuando lo presiono en un iframe <iframe src={blobUrl} type="application/pdf"></iframe> , funciona en navegadores de escritorio pero no en navegadores móviles .
Ni siquiera funciona en Chrome Inspector en modo de respuesta.
Pero, cuando lo descargo con ese código, funciona en el móvil:

 const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.style = 'display: none'; a.href = url; a.download = filename; document.body.appendChild(a); a.click();

Y, cuando hago console.log(blobUrl) , la URL está bien en https : blob:https://{domain}.com/00457da4-a423-44ea-a26b-a65f7ec17e42

¿Alguien sabía cómo mostrar PDF en un iframe para obtener una vista previa en el móvil?

[EDITAR] sorprendentemente funciona en Safari Mobile (IOS)