HTML Viewer — Онлайн HTML-редактор

Что делает HTML Viewer

HTML Viewer — это онлайн HTML-редактор с живым предпросмотром. Вставьте фрагмент или напишите целую страницу на HTML, CSS и JavaScript, и результат появится рядом с кодом. Это удобно для тестирования шаблонов писем, прототипирования макетов, проверки скопированных фрагментов, изучения основ веба или воспроизведения ошибки без создания проекта, сохранения файлов и запуска локального сервера.

Предпросмотр обновляется автоматически вскоре после окончания набора, поэтому обратная связь быстрая. Для тяжёлых страниц или скриптов с побочными эффектами отключите автозапуск и нажмите Запустить, когда будете готовы. Также можно сбросить пример, скопировать код, скачать его как отдельный файл .html или открыть в новой вкладке.

Приватно и изолированно

Всё работает локально в вашем браузере. Код никогда не загружается на сервер, аккаунт не нужен. Предпросмотр показывается в iframe с sandbox: скрипты выполняются, но изолированы от этой страницы и не могут читать черновики, cookie и другие данные сайта. Поэтому ненадёжные фрагменты можно пробовать относительно безопасно, но не вставляйте непонятный код, загружающий сторонние ресурсы.

Практические советы

Используйте полный документ с doctype, head и body, чтобы имитировать настоящую страницу, или вставьте только фрагмент, и браузер его дополнит. Встроенные блоки style и script позволяют держать пример в одном файле. Внешние библиотеки подключайте по абсолютным URL. Относительные ссылки и локальные пути работать не будут, так как за предпросмотром нет папки. Последний черновик сохраняется локально с возможностью восстановления.