HTML 미리보기
라이브 미리보기로 HTML, CSS 및 JavaScript 편집. 3창 에디터, 샌드박스 iframe, 가입 불필요. 무료, 브라우저에서 실행.
참고
HTML 미리보기는 어떻게 작동하나요?
이 도구는 srcdoc을 통해 샌드박스화된 iframe에서 HTML, CSS 및 JavaScript를 실행합니다. iframe에는 스크립트를 허용하지만 최상위 탐색, 폼 제출 및 출처 쿠키 액세스를 차단하는 sandbox 속성이 설정되어 있어 — 붙여넣은 모든 코드는 페이지의 나머지 부분과 격리되어 실행됩니다. 자동 실행은 모든 키 입력에서 iframe을 재구축 (디바운스)합니다.
일반적인 용도
- 빠른 프로토타이핑 — 프로젝트를 시작하지 않고 HTML/CSS 아이디어 시도.
- 교육 — 학생들과 대화형 예제 공유.
- 코드 샘플 — Stack Overflow 스니펫을 격리된 상태로 렌더링.
- 디버깅 — 최소한의 컨텍스트에서 버그 재현.
개인정보
모든 코드는 샌드박스화된 iframe 내부의 브라우저 내 100% 실행됩니다. 데이터가 서버로 전송되지 않습니다.