Jak używać
- Wpisz kod w edytorze albo otwórz przykład.
- Włącz automatyczne uruchamianie lub kliknij „Uruchom”.
- Obejrzyj podgląd i konsolę, a następnie pobierz HTML.
Opis opcji
- Izolacja
- Kod działa w odizolowanej piaskownicy bez dostępu do danych tej strony i nic nie jest wysyłane.
- Pobieranie
- Pobierany jest jeden połączony plik HTML zawierający kod i style.
Jak składana jest strona
Trzy edytory są łączone w jeden dokument w tej kolejności. Taki sam układ otrzymasz po kliknięciu Pobierz HTML, z tą różnicą, że mały skrypt wysyłający dane konsoli na stronę pod podglądem jest pominięty w pobranym pliku.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* your CSS */
</style>
</head>
<body>
<!-- your HTML -->
<script>
// your JavaScript
</script>
</body>
</html>Ponieważ skrypt znajduje się po Twoim HTML, możesz od razu używać document.getElementById, nie czekając na wczytanie strony. W edytorze HTML piszesz tylko to, co należy do wnętrza body, bez samych znaczników html, head i body. Podgląd to iframe, który ma uprawnienie wyłącznie do uruchamiania skryptów, dlatego okna alert i dostęp do ciasteczek tej witryny są zablokowane.
Najczęściej zadawane pytania
Czy kod ma dostęp do moich plików?
Nie. Playground działa w izolowanej piaskownicy.
Czy mogę używać JavaScriptu?
Tak, kod JavaScript działa w podglądzie i komunikaty pojawiają się w konsoli.
Czy praca jest zapisywana?
Nie. Pobierz plik, jeśli chcesz zachować wynik.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.