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

Предпросмотр работает внутри изолированного (sandbox) iframe, где скрипты разрешены, но доступ к тому же источнику отключён, поэтому код в предпросмотре не может читать или изменять эту страницу, ваши куки или локальное хранилище. Тем не менее, внутри этого sandbox он может свободно выполнять JavaScript, открывать диалоговые окна или делать сетевые запросы, как и любая другая веб-страница, поэтому продолжайте относиться к любому коду, вставленному из ненадёжного источника, так же, как если бы вы запускали его в новой вкладке браузера.

Инструмент оборачивает ваш CSS в тег <style> внутри head документа, размещает ваш HTML прямо в body и добавляет ваш JavaScript в тег <script> в конце body, точно как типичный одностраничный HTML-документ, а затем загружает этот объединённый документ в предпросмотр.

Да, кнопка «Скачать как .html» сохраняет точно тот же объединённый документ, показанный в предпросмотре, как единый файл index.html, готовый к открытию прямо в браузере или загрузке на веб-сервер.

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

Предпросмотр представляет собой настоящий, изолированный браузерный документ, поэтому вывод console.log идёт в собственную консоль этого документа, а не на эту страницу. Откройте инструменты разработчика вашего браузера и выберите контекст iframe предпросмотра, чтобы увидеть вывод консоли, или используйте alert() для быстрой видимой проверки.