Майданчик коду — запуск JavaScript або перегляд HTML-сторінки, усе локально
Майданчик коду
Експериментуйте з кодом, не залишаючи сторінку. Режим консолі JavaScript виконує ваш фрагмент у захищеній пісочниці та передає вивід console.log / warn / error з кольорами; режим перегляду HTML відображає повну сторінку HTML + CSS + JavaScript в реальному часі і дозволяє завантажити її як файл. Без сервера, без вивантаження — зламаний фрагмент (навіть нескінченний цикл) завжди можна зупинити, і він ніколи не зачепить решту сторінки. Пов'язана утиліта: Визначення мови.
Код JavaScript
HTML + CSS + JavaScript
Модель безпеки. Обидва режими працюють у iframe sandbox, який дозволяє лише скрипти: без доступу до того самого походження, без форм, без спливаючих вікон і без завантажень зсередини пісочниці, тож ваш фрагмент не може торкнутися цієї сторінки, ваших файлів чи інших вкладок. JavaScript працює в ізольованому процесі, тому Зупинити перериває фрагмент, і ця сторінка продовжує реагувати; якщо виконання триває незвично довго, сторінка автоматично пропонує «Зупинити». Зауважте, що справжній нескінченний цикл тримає процес пісочниці зайнятим навіть після зупинки — якщо наступний запуск не показує виводу, оновіть сторінку, щоб відновити роботу. Завантажити сторінку в режимі HTML-перегляду зберігає джерело як локальний файл .html.
Як пісочниця браузера запускає ваш код
Панель перегляду — це iframe у пісочниці: окремий контекст перегляду, який не може дістатися до DOM чи cookie батьківської сторінки. Вивід консолі вашого скрипта захоплюється і дублюється назад, тож помилки видно без відкриття інструментів розробника — і все виконується у вашому браузері, ніколи на сервері.
Пісочниця — це межа безпеки, а не косметика: код, який ви тут вставляєте, не може торкнутися цього сайту чи ваших інших вкладок.
🔧 Інструменти коду та розробки
Невеликі утиліти для коду та розробки, що працюють повністю у вашому браузері.