Песочница кода

Экспериментируйте с кодом, не покидая страницы. Режим консоли JavaScript выполняет ваш фрагмент внутри защищённой песочницы и выводит console.log / warn / error обратно в цвете; режим предпросмотра HTML отрисовывает полную страницу HTML + CSS + JavaScript в реальном времени и позволяет скачать её как файл. Без сервера и без загрузки — сломанный фрагмент (даже бесконечный цикл) всегда можно остановить, и он никогда не затронет остальную часть страницы. Связанная утилита: Определитель языка.
Модель безопасности. Оба режима работают внутри iframe sandbox, который разрешает только сценарии: нет доступа к тому же источнику, нет форм, всплывающих окон и загрузок изнутри песочницы, поэтому ваш фрагмент не может затронуть эту страницу, ваши файлы или другие вкладки. JavaScript выполняется в изолированном процессе, поэтому Остановить прерывает работающий фрагмент, а эта страница продолжает отвечать; если выполнение необычно долгое, страница сама предложит «Остановить». Учтите, что по-настоящему бесконечный цикл продолжает занимать процесс песочницы даже после «Остановить» — если следующий запуск ничего не выводит, обновите страницу, чтобы восстановиться. Кнопка Скачать страницу в предпросмотре HTML сохраняет исходный код как локальный файл .html.
Как песочница браузера выполняет ваш код

Область предпросмотра — это sandboxed iframe: отдельный контекст просмотра, который не может обращаться к DOM или cookie родительской страницы. Вывод консоли вашего сценария перехватывается и отправляется обратно, поэтому ошибки видны без открытия инструментов разработчика — и всё выполняется в вашем браузере, никогда не на сервере.

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