JavaScript Playground – стартирайте JavaScript, HTML и CSS
Пишете и стартирайте JavaScript, HTML и CSS в пясъчен iframe с панел за жив изход от конзолата и преглед. Достъпът до мрежата е блокиран по подразбиране от CSP мета таг; можете да го включите с видимо предупреждение. Използвайте режима на автоматично стартиране, за да изпълнявате кода, докато работите, или Stop/Reset, за да създадете отново iframe и да прекъснете безкраен цикъл. Стартовите примери ви помагат да започнете.
JavaScript Playground е работна среда за кодиране в браузъра за писане и стартиране на JavaScript, HTML и CSS. Редакторът има отделни раздели JS, HTML и CSS, с панел за преглед и панел за жив изход от конзолата, за да можете да разглеждате страницата и нейния изход заедно. Използвайте я, за да експериментирате с кратък фрагмент или да изпробвате код, без да инсталирате локална среда за разработка.
Кодът се изпълнява в пясъчен iframe, конфигуриран с allow-scripts и без allow-same-origin. CSP мета таг блокира достъпа до мрежата по подразбиране; можете да го включите, а интерфейсът показва видимо предупреждение. Режимът на автоматично стартиране изпълнява кода, докато работите. Ако скрипт заседне в безкраен цикъл, Stop/Reset унищожава и създава отново iframe. Включени са и стартови примери.
JavaScript, HTML и CSS имат различни роли в уеб страницата: HTML структурира съдържанието, CSS контролира представянето му, а JavaScript добавя поведение. Съхраняването им в отделни раздели улеснява тестването на това как тези части работят заедно, преглеждането на промяна в прегледа и проверката на изхода в конзолата.
JavaScript Playground работи изцяло във вашия браузър. Вашият вход се обработва на вашето устройство и не се качва, съхранява или изпраща до сървър. Той работи офлайн, след като страницата е заредена, и е безплатен за употреба. Разработчици и DevOps инженери могат да го използват, за да изследват код, да проверяват поведението на страница или да работят по бърза програмна задача от различни машини.
Стъпка 1: Отворете разделите JS, HTML и CSS и въведете кода, който искате да изпробвате. Използвайте съответния раздел за всяка част от вашата страница.
Стъпка 2: Изберете дали да използвате режим на автоматично стартиране. Когато е включен, вашият код се изпълнява автоматично, докато работите.
Стъпка 3: Имайте предвид мрежовата защита по подразбиране: CSP мета таг блокира достъпа до мрежата. Можете да включите достъпа до мрежата, а площадката показва видимо предупреждение.
Стъпка 4: Стартирайте кода си и разгледайте прегледа и панела за жив изход от конзолата, за да видите резултатите.
Стъпка 5: Ако кодът заседне в безкраен цикъл, използвайте Stop/Reset, за да унищожите и създадете отново пясъчния iframe.
Случай на употреба: Изпробвайте JavaScript фрагмент, без да инсталирате локална среда за разработка. Площадката стартира кода ви в браузъра и показва жив изход от конзолата.
Случай на употреба: Проверете как HTML, CSS и JavaScript работят заедно, като ги редактирате в отделните им раздели и преглеждате прегледа.
Случай на употреба: Разгледайте поведението на кода с панела за жив изход от конзолата до прегледа на страницата.
Случай на употреба: Възстановете се от безкраен цикъл, като използвате Stop/Reset, за да унищожите и създадете отново iframe.
Случай на употреба: Работете върху програмна задача от машина, на която нямате налична локална настройка.
Случай на употреба: Избягвайте изпращането на вътрешен код или данни до услуга на трета страна: площадката обработва входа във вашия браузър.
Случай на употреба: Разгледайте стартовите примери, когато искате отправна точка за експериментиране с JavaScript, HTML или CSS.