Вставьте HTML, откройте файл или загрузите пример, чтобы увидеть предпросмотр.
Этот HTML viewer показывает HTML-код как готовую веб-страницу прямо в браузере. Вставьте HTML или откройте файл .html: предпросмотр работает в изолированной песочнице, и на сервер ничего не загружается.
Обновлено:
Как это работает
Добавьте HTML
Вставьте код в редактор, перетащите на него файл .html, нажмите «Открыть файл» или начните с кнопки «Загрузить пример».
Посмотрите результат
Страница сразу отрисовывается в изолированном фрейме. Переключайте «Вписать», «Компьютер» (1280 px), «Планшет» (768 px) и «Телефон» (375 px), а кнопкой «Повернуть» меняйте ориентацию.
Правьте, сохраняйте, печатайте
Предпросмотр обновляется по мере правки кода. Результат можно скачать кнопкой «Скачать .html», открыть в новой вкладке или распечатать в PDF.
Возможности
Живой предпросмотр при правке
Редактор кода с подсветкой синтаксиса, сворачиванием блоков и поиском (Ctrl+F); предпросмотр обновляется, как только вы перестаете печатать.
Безопасный режим по умолчанию
Перед отрисовкой DOMPurify удаляет скрипты и обработчики событий. Выключите «Безопасный режим», чтобы выполнить JavaScript в изолированной песочнице без доступа к этому сайту.
Ширина разных устройств
Медиазапросы видят настоящую ширину устройства, а широкие макеты уменьшаются под ваш экран.
Определение кодировки
Кодировка открытого файла берется из метки BOM или тега meta charset, по умолчанию — UTF-8. Если вместо букв кракозябры, выберите вручную, например, Windows-1251 в поле «Кодировка».
Предупреждение о внешних ресурсах
Если страница загружает изображения, шрифты или стили с других доменов, viewer перечислит их и позволит заблокировать.
Ограничения и конфиденциальность
Viewer принимает файлы .html, .htm и .xhtml и вставленный код размером до 10 MB. Подсветка синтаксиса работает для документов до 2 MB; более крупные показываются в простом текстовом поле, чтобы страница не тормозила, но предпросмотр все равно строится. Более крупные файлы отклоняются.
Предпросмотр показывается в <iframe> с sandbox="allow-scripts", но без allow-same-origin, поэтому страница работает в отдельном непрозрачном источнике. Она не может читать этот сайт, ваши cookie и локальное хранилище, переходить по адресам этой страницы, открывать всплывающие окна и отправлять формы.
Относительные ссылки и картинки (например, images/logo.png) не подгружаются: открывается только один HTML-файл, без доступа к папке. Встроенные стили и блоки <style> работают как обычно. Печать в PDF идет через диалог браузера.
Ничего не загружается на сервер и не хранится. Подробнее — на странице о конфиденциальности.
Частые вопросы
Этот HTML viewer онлайн бесплатный?
Да, бесплатный, без регистрации и без ограничений на число файлов. Он целиком работает в вашем браузере.
Загружаются ли мои HTML-файлы куда-нибудь?
Нет. Файлы читаются и отрисовываются локально. Запрашиваются только ресурсы, на которые ссылается сама страница (например, шрифты с CDN), и их можно заблокировать.
Как открыть HTML-файл на iPhone или iPad?
Откройте эту страницу в Safari или Chrome, нажмите «Открыть файл» и выберите файл .html в приложении «Файлы» или в iCloud Drive. Режимы «Телефон» и «Планшет» покажут мобильную верстку.
Чем открыть HTML на Android?
Отдельное приложение не нужно: откройте страницу в Chrome, нажмите «Открыть файл» и выберите файл из загрузок. На маленьком экране вкладки «Код» и «Предпросмотр» переключают вид.
Почему вместо русских букв кракозябры?
Старые страницы часто сохранены в Windows-1251 без указания кодировки. Выберите Windows-1251 в поле «Кодировка» — файл будет прочитан заново.
Выполнится ли JavaScript из моего HTML?
В безопасном режиме — нет: скрипты и встроенные обработчики удаляются. Если его выключить, скрипты, включая внешние вроде jQuery с CDN, выполняются в песочнице с отдельным источником и не видят этот сайт, ваши cookie и хранилище.