HTML Песочница Runner

Выполняйте HTML-код в безопасной изолированной среде песочницы.

Введение

Изолированная среда выполнения HTML обеспечивает безопасную среду для выполнения кода. Песочница изолирует ваш код от остальной части страницы и вашей системы, гарантируя, что даже вредоносный или ошибочный код не сможет причинить вред за пределами панели предварительного просмотра.

Что такое песочница?

В веб-разработке песочница — это изолированная среда выполнения. Код, работающий внутри песочницы, не может получить доступ к ресурсам за ее пределами, таким как файлы cookie, локальное хранилище, другие вкладки браузера или ваша операционная система. Наша песочница HTML использует атрибут песочницы HTML5 iframe для создания такой изоляции.

Уровни безопасности

  • Атрибут изолированной программной среды Iframe — ограничивает возможности встроенного контента.
  • Изоляция URL-адреса BLOB-объекта – код загружается с временного URL-адреса BLOB-объекта, а не из основного домена.
  • Нет передачи на сервер — код никогда не покидает ваш браузер.
  • Автоматическая очистка – URL-адреса BLOB-объектов аннулируются после использования.

Что позволяет песочница

  • Выполнение JavaScript (для интерактивного предварительного просмотра)
  • Модальные диалоги (предупреждение, подтверждение, подсказка)
  • CSS-рендеринг (включая анимацию и переходы)
  • Рендеринг изображений и медиа
  • Загрузка внешних ресурсов (шрифты, библиотеки CDN)

Что блокирует песочница

  • Навигация по родительской странице
  • Отправка форм
  • Всплывающие окна
  • Доступ к файлам cookie или хранилищу родительской страницы
  • Доступ к другим вкладкам или окнам

Узнать больше

Подробное техническое объяснение можно найти на нашей странице Методология.

Часто задаваемые вопросы

Нет. Песочница изолирует код от родительской страницы и данных вашего браузера.

Песочница обеспечивает значительную защиту, но ни одна песочница не идеальна. Запускайте код только из источников, которым вы доверяете.

Бесконечный цикл будет выполняться внутри изолированного iframe. Вы можете закрыть вкладку или перезагрузить страницу, чтобы остановить ее.

Связанные ресурсы