Cómo abrir archivos HTML en el iPhone: la guía completa

Método 1 — Vista rápida en la app Archivos

Toca cualquier archivo .html en Archivos y iOS te muestra una vista previa. Para una página totalmente autónoma —todo el CSS en línea, sin scripts— puede bastar para leer el contenido.

• Las hojas de estilo externas se ignoran, así que la mayoría de las páginas reales pierden su diseño.
• El JavaScript nunca se ejecuta: las páginas interactivas se ven congeladas o vacías.
• Los archivos enlazados (imágenes, otras páginas) no se resuelven.

Veredicto: vale para echar un vistazo a contenido de texto simple; engañoso para cualquier cosa con estilos. Si tu archivo aquí parece texto sin formato, el archivo está bien: el problema es la vista previa. Los detalles, en por qué el HTML se ve mal en la vista previa de iOS.

Método 2 — Safari

Safari renderiza el HTML a la perfección… desde una URL. Con archivos locales la cosa se complica: iOS no ofrece ninguna forma admitida de apuntar Safari a un archivo con su carpeta de recursos. Existen apaños (URL de datos, atajos, alojamiento temporal), pero se rompen con páginas de varios archivos y convierten una tarea de dos toques en un proyecto. Si la página ya está en línea, usa Safari; si es un archivo, usa un visor.

Método 3 — Un visor de HTML dedicado

OpenHTML (gratis) abre el HTML como lo haría un navegador, pero a partir de archivos: compártele cualquier .html, pega código HTML directamente o abre un archivo una sola vez desde iCloud Drive sin importarlo.

• Los estilos se aplican y el JavaScript local se ejecuta; el acceso a la red sigue desactivado hasta que lo permitas página a página.
• Las páginas de varios archivos y los archivos ZIP se importan como proyectos completos, con las rutas relativas funcionando; consulta proyectos web en ZIP.
• El diagnóstico nombra cada archivo que falta, cada recurso bloqueado y cada error de script cuando una página no se muestra bien.
• Los archivos Markdown también se abren como páginas limpias, con fórmulas LaTeX sin conexión; consulta Markdown + LaTeX.

Qué método para qué archivo

• Una página sencilla y autónoma que solo necesitas leer una vez → vista previa de Archivos.
• Una página que ya está en la web → Safari.
• Una página generada por IA desde ChatGPT o Claude → visor, para que funcionen los scripts y los estilos.
• Una página web guardada, un informe recibido por correo, un sitio comprimido, cualquier cosa con más de un archivo → visor.

Problemas habituales, soluciones rápidas

• La página es texto sin estilos → el CSS externo no se cargó; ábrela en un visor que aplique los estilos.
• La página está en blanco → hace falta JavaScript y no se le dejó ejecutarse; usa un visor con el JS local activado.
• Faltan las imágenes → están junto al archivo HTML; importa la carpeta o el ZIP, no el archivo suelto.
• El texto en chino o japonés sale como basura → el archivo no es UTF-8; OpenHTML detecta automáticamente las codificaciones antiguas (GB18030, Shift-JIS…).
• La página necesita datos en vivo → usa fetch(); ejecútala en el servidor local privado (Pro) para que se comporte como un sitio alojado.

Una nota sobre la privacidad

Los archivos HTML que recibes suelen ser informes con datos tuyos dentro. OpenHTML guarda los archivos en el almacenamiento privado del dispositivo, no tiene cuentas ni analíticas y bloquea todo acceso a la red página a página hasta que tú lo autorizas: una página guardada no puede llamar a casa sin tu permiso.