Playground di codice — esegua JavaScript o visualizzi un'anteprima HTML, tutto in locale
Playground di codice
Sperimenti il codice senza lasciare la pagina. La modalità console JavaScript esegue il suo frammento in una sandbox bloccata e restituisce in colore l'output di console.log / warn / error; la modalità anteprima HTML visualizza in tempo reale una pagina completa HTML + CSS + JavaScript e permette di scaricarla come file. Nessun server, nessun caricamento — un frammento difettoso (anche un ciclo infinito) può sempre essere fermato e non può mai toccare il resto della pagina. Strumento correlato: Rilevatore di lingua.
Codice JavaScript
HTML + CSS + JavaScript
Modello di sicurezza. Entrambe le modalità vengono eseguite in un iframe sandbox che consente solo gli script: nessun accesso alla stessa origine, nessun modulo, nessun pop-up e nessun download dall'interno della sandbox, quindi il suo frammento non può toccare questa pagina, i suoi file o le altre schede. JavaScript viene eseguito in un processo isolato, quindi Ferma interrompe un frammento in esecuzione e questa pagina continua a rispondere; se un'esecuzione dura insolitamente a lungo la pagina propone automaticamente Ferma. Si noti che un vero ciclo infinito mantiene occupato il processo della sandbox anche dopo Ferma — se la prossima esecuzione non mostra output, ricarichi la pagina per ripristinare. Il pulsante Scarica pagina dell'anteprima HTML salva il sorgente come file .html locale.
Come una sandbox del browser esegue il suo codice
Il riquadro di anteprima è un iframe in sandbox: un contesto di navigazione separato che non può raggiungere il DOM né i cookie della pagina padre. L'output della console del suo script viene catturato e riportato indietro, così gli errori sono visibili senza aprire gli strumenti per sviluppatori — e tutto viene eseguito nel suo browser, mai su un server.
La sandbox è un confine di sicurezza, non un dettaglio estetico — il codice incollato qui non può toccare questo sito né le altre schede.
🔧 Strumenti per codice e sviluppo
Piccole utilità per il codice e lo sviluppo che funzionano interamente nel suo browser.