Por qué tu archivo HTML se ve mal en la vista previa de Archivos en iOS

Qué hace en realidad la vista previa de Archivos

Quick Look, el previsualizador del sistema que se abre al tocar el archivo, muestra el HTML en un modo deliberadamente restringido. Está pensado para echar un vistazo seguro, no para ser fiel:

• Las hojas de estilo externas no se cargan; solo sobreviven los estilos en línea.
• El JavaScript nunca se ejecuta: todo lo que la página construye en tiempo de ejecución simplemente no existe.
• Los archivos referenciados por rutas relativas —imágenes, tipografías, otras páginas— no se resuelven.
• No hay manera de conceder acceso a la red a una página, ni aunque quieras hacerlo.

Diagnóstico por síntomas

• Texto legible, cero estilos → la página usa una hoja de estilos externa o de CDN que la vista previa ignoró.
• Totalmente en blanco → la página la genera JavaScript (lo típico en apps generadas por IA y páginas con gráficos); sin scripts, no hay nada que mostrar.
• Código en crudo en pantalla → el archivo llegó como .txt o perdió la extensión por el camino; devolverle el .html restaura el comportamiento.
• Iconos de imagen rota → las imágenes están junto al archivo HTML; previsualizar solo ese archivo las deja huérfanas.
• Caracteres ilegibles (中文/日本語 como símbolos) → el archivo usa una codificación antigua como GB18030 o Shift-JIS y la vista previa la leyó como UTF-8.

La solución: ábrelo con algo que renderice de verdad

Todos los fallos anteriores desaparecen cuando el archivo lo abre algo que renderiza HTML como es debido. OpenHTML (gratis) lo hace en el dispositivo: compártele el archivo —o ábrelo una vez desde Archivos sin importarlo— y la página se muestra con los estilos aplicados y el JavaScript local en marcha.

• Páginas de varios archivos: importa la carpeta o el ZIP para que las rutas relativas sigan funcionando; consulta proyectos web en ZIP en el iPhone.
• Las codificaciones antiguas se detectan automáticamente, así que el texto CJK se muestra correctamente.
• Si algo sigue fallando, el diagnóstico nombra el archivo que falta o el recurso bloqueado en lugar de dejarte adivinando, y propone una solución de un toque cuando la hay.

A diferencia de la vista previa, OpenHTML te deja permitir el acceso a la red documento a documento cuando una página necesita de verdad su CDN, manteniendo todas las demás páginas completamente sin conexión.

¿Y por qué no usar Safari?

Safari renderiza de maravilla, pero no existe una forma admitida de darle un archivo local junto con sus recursos. Hay apaños, y todos tienen su filo: un archivo suelto a veces se abre con Compartir → Safari, pero pierde a sus vecinos; alojar el archivo en algún sitio convierte datos privados en una subida. Para archivos, una app visor es la respuesta aburrida y fiable: la guía completa para abrir HTML en el iPhone compara todas las opciones.