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

Що робить HTML Viewer

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

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

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

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

Практичні поради

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