Как пользоваться: Просмотр HTML
- Вставьте HTML в поле HTML (поля CSS и JavaScript необязательны).
- Предпросмотр обновляется по мере ввода; нажмите Полный экран над предпросмотром, чтобы увидеть страницу в полном размере.
- Используйте Форматировать, чтобы привести код в порядок, или Скачать .html, чтобы сохранить страницу.
Просмотр HTML без сохранения файла
Чтобы проверить фрагмент из CMS, шаблон письма или ответ со Stack Overflow, обычно нужно сохранить файл .html и открыть его в браузере. Здесь достаточно вставить код, и результат появится сразу. Предпросмотр работает в изолированном фрейме, поэтому скрипты во фрагменте не получат доступа к этому сайту и вашим данным.
HTML-письма и встраивания Webflow
Вставьте шаблон письма, чтобы проверить вёрстку перед отправкой, или Code Embed из Webflow, чтобы посмотреть его вне Designer. Если стили не применяются, скорее всего, CSS хранится в отдельном файле — вставьте его в поле CSS. Чтобы превратить дизайн в элементы Webflow, воспользуйтесь инструментом HTML/CSS в Webflow.
Также ищут как: css предпросмотр, html css preview.
Инструменты, которые хорошо сочетаются с Просмотр HTML
- HTML-редактор онлайн — Легкая песочница для кода: редактируйте HTML, CSS и JavaScript рядом, сразу видите результат, читайте вывод консоли и скачивайте страницу одним HTML-файлом.
- HTML форматер — Вставьте минифицированную или неаккуратную разметку и получите чистый HTML с единообразными отступами, включая встроенные блоки <style> и <script>.
- HTML в Markdown — Вставьте HTML или скопируйте текст прямо с веб-страницы, из Google Docs или письма, и получите аккуратный Markdown, который можно сразу использовать в README, вики или статическом сайте.
- CSS Форматер — Превратите минифицированную таблицу стилей в читаемый CSS: одно свойство на строке и правильно вложенные блоки @media.
Часто задаваемые вопросы
Как просмотреть HTML-файл?
Откройте файл в текстовом редакторе, скопируйте всё содержимое и вставьте его в поле HTML. Подключённые таблицы стилей и изображения загрузятся, если их URL абсолютные (https://…).
Загружается ли вставленный HTML на сервер?
Нет. Предпросмотр отрисовывается в вашем браузере в изолированном фрейме, а код сохраняется только на этом устройстве.
Можно ли посмотреть предпросмотр на весь экран?
Да. Нажмите «Полный экран» над предпросмотром; чтобы вернуться, нажмите Esc.
Можно ли установить Просмотр HTML как веб-приложение и пользоваться им офлайн?
Да. Просмотр HTML — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.