Playground de código

Experimente código sem sair da página. O modo consola JavaScript executa o seu excerto dentro de uma sandbox bloqueada e devolve a saída de console.log / warn / error com cores; o modo pré-visualização HTML renderiza em direto uma página completa de HTML + CSS + JavaScript e permite transferi-la como ficheiro. Sem servidor, sem envio — um excerto avariado (mesmo um ciclo infinito) pode ser sempre parado e nunca afeta o resto da página. Ferramenta relacionada: Detetor de idioma.
Modelo de segurança. Ambos os modos são executados dentro de um iframe sandbox que só permite scripts: sem acesso de mesma origem, sem formulários, sem janelas pop-up e sem transferências a partir da sandbox, pelo que o seu excerto não consegue tocar nesta página, nos seus ficheiros ou noutros separadores. O JavaScript é executado num processo isolado, pelo que Parar interrompe um excerto em execução e esta página continua a responder; se uma execução demorar um tempo invulgar, a página oferece Parar automaticamente. Note que um ciclo verdadeiramente infinito mantém o seu processo de sandbox ocupado mesmo depois de Parar — se a execução seguinte não mostrar saída, atualize a página para recuperar. O botão Transferir página da pré-visualização HTML guarda o código-fonte como um ficheiro .html local.
Como uma sandbox do navegador executa o seu código

O painel de pré-visualização é um iframe em sandbox: um contexto de navegação separado que não consegue aceder ao DOM nem aos cookies da página principal. A saída da consola do seu script é capturada e reenviada, para que os erros fiquem visíveis sem abrir as ferramentas de programador — e tudo é executado no seu navegador, nunca num servidor.

A sandbox é uma fronteira de segurança, e não uma questão cosmética — o código que cola aqui não consegue tocar neste site nem nos seus outros separadores.