코드 플레이그라운드

페이지를 떠나지 않고 코드를 실험합니다. JavaScript 콘솔 모드는 조각을 잠긴 샌드박스 안에서 실행하고 console.log / warn / error 출력을 색상과 함께 스트리밍합니다. HTML 미리보기 모드는 완전한 HTML + CSS + JavaScript 페이지를 실시간으로 렌더링하고 파일로 다운로드하게 해 줍니다. 서버도 업로드도 없습니다 — 망가진 조각(무한 루프라도)은 언제나 중지할 수 있고 이 페이지의 나머지를 절대 건드리지 못합니다. 관련 유틸리티: 언어 감지기.
JavaScript 코드
안전 모델. 두 모드 모두 스크립트만 허용하는 iframe sandbox 안에서 실행됩니다: same-origin 접근 없음, 폼 없음, 팝업 없음, 샌드박스 내부에서의 다운로드 없음 — 조각이 이 페이지, 로컬 파일, 다른 탭에는 접근할 수 없습니다. JavaScript는 격리된 프로세스에서 실행되므로 중지가 실행 중인 조각을 끊고 이 페이지는 계속 반응합니다. 실행이 비정상적으로 길어지면 페이지가 자동으로 중지를 제안합니다. 진정한 무한 루프는 중지 후에도 샌드박스 프로세스를 계속 점유한다는 점에 유의하세요 — 다음 실행이 출력을 보여 주지 않으면 페이지를 새로 고침해 복구하세요. HTML 미리보기의 페이지 다운로드는 소스를 로컬 .html 파일로 저장합니다.
브라우저 샌드박스가 코드를 실행하는 방식

미리보기 창은 샌드박스 iframe입니다. 부모 페이지의 DOM이나 쿠키에 도달할 수 없는 별도의 브라우징 컨텍스트입니다. 스크립트의 콘솔 출력은 캡처되어 되돌려 지므로 개발자 도구를 열지 않고도 오류가 보이고, 모든 것이 브라우저에서 실행되지 서버에서는 실행되지 않습니다.

샌드박싱은 장식이 아니라 보안 경계입니다 — 여기에 붙여넣은 코드는 이 사이트나 다른 탭을 건드릴 수 없습니다.