Почему HTML-файл выглядит сломанным в предпросмотре «Файлов» на iOS

Что на самом деле делает предпросмотр «Файлов»

Quick Look — системный механизм предпросмотра, который срабатывает по нажатию, — отображает HTML в намеренно ограниченном режиме. Он создан для безопасного беглого взгляда, а не для точности:

• Внешние таблицы стилей не загружаются — выживают только встроенные стили.
• JavaScript никогда не выполняется — всего, что страница строит во время работы, просто не существует.
• Файлы по относительным путям — изображения, шрифты, другие страницы — не находятся.
• Разрешить странице доступ к сети нельзя даже намеренно.

Диагностика по симптомам

• Текст читается, оформления нет → страница использует внешнюю таблицу стилей или CDN, которые предпросмотр проигнорировал.
• Совсем пусто → страницу рисует JavaScript (обычное дело для созданных ИИ приложений и страниц с графиками); при отключённых скриптах показывать нечего.
• На экране голый код → файл пришёл как .txt или потерял расширение по дороге; верните ему .html, и система снова обработает его правильно.
• Значки битых изображений → картинки лежат рядом с HTML-файлом; предпросмотр одного файла оставляет их без связи.
• Вместо текста крякозябры (中文/日本語 как символы) → файл в устаревшей кодировке вроде GB18030 или Shift-JIS, а предпросмотр прочитал его как UTF-8.

Решение: открыть в настоящем движке отображения

Любой из сбоев выше исчезает, когда файл открывает то, что действительно отображает HTML. OpenHTML (бесплатно) делает это на устройстве: поделитесь с ним файлом — или откройте его один раз из «Файлов» без импорта — и страница отобразится с применёнными стилями и работающим локальным JavaScript.

• Многофайловые страницы: импортируйте папку или ZIP, чтобы относительные пути продолжали работать — см. веб-проекты в ZIP на iPhone.
• Устаревшие кодировки определяются автоматически, поэтому текст на китайском, японском и корейском отображается правильно.
• Если что-то всё ещё не так, «Диагностика» назовёт конкретный отсутствующий файл или заблокированный ресурс вместо того, чтобы оставлять вас в догадках, — и предложит исправление в одно касание, где это возможно.

В отличие от предпросмотра, OpenHTML позволяет разрешить доступ к сети для отдельного документа, когда странице действительно нужен её CDN, — оставляя все остальные страницы полностью офлайн.

Почему не просто Safari?

Safari — превосходный движок отображения, у которого нет штатного способа получить локальный файл вместе с его ресурсами. Обходные пути есть, но у каждого острый угол: одиночные файлы иногда открываются через «Поделиться» → Safari, но теряют соседние; а размещение файла где-нибудь в сети превращает приватные данные в выгрузку. Для файлов приложение-просмотрщик — скучный и надёжный ответ; полное руководство по открытию HTML на iPhone сравнивает все варианты.