Веб-песочница
Редактируйте файлы HTML, CSS и JavaScript с помощью выделения, предварительного просмотра в реальном времени и экспорта в ZIP.
Бета · Проверьте результат перед использованием. См. возможности этого инструмента под редактором.
index.html
Используйте Tab, чтобы выйти из редактора. Вы можете искать и отменять действия с помощью обычных ярлыков.
Переименовать активный файл
Предварительный просмотр
124 размера профиля. Имитирует область просмотра CSS без изменения браузера, операционной системы, плотности или сенсорных возможностей. Импортировать локальный HTML/CSS/JS; не загружает внешние сайты.
Консоль проекта
HTML и CSS автоматически просматриваются. JavaScript требует активации; работает в изолированном представлении без сети, файлов cookie или хранилища сайта. Без npm, импорта, фреймворков, двоичных файлов или встроенных скриптов. Циклы и функции имеют ориентировочные пределы; это не среда для вредоносного кода и не гарантия полного потребления процессора или памяти. При импорте JavaScript снова отключается. Ваши файлы не сохраняются.
Готовим редактор…
Как пользоваться инструментом
- Импортируйте файлы или измените пример проекта.
- Выберите HTML-страницу и проверьте предварительный просмотр; Включите JavaScript, если хотите запустить свой код.
- Прежде чем уйти, загрузите ZIP-проект.
Что нужно знать
До 20 файлов UTF-8, 200 000 символов в каждом файле и общий размер 1 МБ. Никаких npm, модулей, импорта или изображений файлов. Включение JavaScript, изолированное от сайта и без сети; встроенные скрипты опущены. Индикативная защита шлейфов/функций; не гарантирует ограничения против всего вредоносного кода. Не сохраняет проекты.
Может ли мой код получить доступ к сайту или Интернету?
В предварительной версии используется песочница iframe без разрешения того же происхождения и собственный CSP без сети/хранилища. JavaScript явно включается и снова отключается при импорте. Прежде чем уйти, загрузите проект.