Предварительный просмотр HTML

Предварительный просмотр HTML, CSS и JavaScript в локальной рабочей области браузера, а затем визуализация их в изолированном iframe, который остается изолированным от родительской страницы ComUtil.

Что такое предварительный просмотр HTML?

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

Как это работает

Редактор сохраняет ваш черновик локально в браузере, а затем обновляет предварительный просмотр, записывая его в изолированный iframe с изолированным источником. Скрипты могут выполняться внутри этого предварительного просмотра, но песочница отделяет их от родительской страницы ComUtil, а выделенный путь к вкладке сохраняет ту же границу.

Общие случаи использования
  • Изучение и практика HTML/CSS
  • Прототипирование компонентов пользовательского интерфейса
  • Тестирование адаптивного дизайна
  • Отладка проблем с макетом CSS
  • Проверка отдельных фрагментов HTML перед их публикацией
Особенности
  • Предварительный просмотр в песочнице по мере ввода
  • Полная поддержка HTML/CSS/JavaScript.
  • Локальное хранилище черновиков в браузере
  • Отдельная вкладка в песочнице для более крупного предварительного просмотра.
Часто задаваемые вопросы

Могу ли я использовать внешние CSS-фреймворки?

Да, вы можете включить ссылки CDN для Bootstrap, Tailwind или любой другой платформы. Добавьте тег ссылки в заголовок вашего HTML.

Мой код сохранен?

Код сохраняется в локальном хранилище вашего браузера. Он сохраняется между сеансами на одном и том же устройстве, но не синхронизируется между устройствами.