HTML 소스 보기
HTML을 붙여넣으면 결과를 미리 보여 주고, 위험한 코드는 지운 뒤 무엇을 지웠는지 알려 드립니다.
검사 완료
위험 코드 없음
태그 8개 · 지워진 것이 없습니다
보기
소독한 뒤 그린 결과입니다
미리보기
사용법
- HTML을 붙여넣거나 파일을 엽니다.
- 미리보기로 어떻게 보이는지 확인합니다.
- 지워진 것 목록에서 위험한 코드가 있었는지 봅니다.
- 정렬된 소스로 구조를 파악합니다.
남이 준 HTML을 쓰기 전에
script 태그가 들어 있는지 보세요. 게시판이나 메일로 받은 코드에 스크립트가 섞여 있으면, 그것을 붙여넣는 순간 내 페이지에서 남의 코드가 실행됩니다. 방문자 정보가 새 나갈 수 있습니다.
onerror·onclick 같은 속성도 스크립트입니다. 태그 이름만 보고 안심하기 쉬운데, <img onerror=…>는 이미지가 안 뜨는 순간
코드를 실행합니다. 위 목록에 속성이 뜬다면 그냥 넘기지 마세요.
javascript: 로 시작하는 링크도 같습니다. 눌렀을 때 페이지 이동 대신 코드가 돕니다. 이 도구는 그런 링크도 제거합니다.
미리보기가 최종 확인은 아닙니다. 여기서는 외부 CSS·스크립트를 불러오지 않고 이 페이지의 기본 서식이 일부 섞입니다. 실제 모양을 정확히 보려면 파일로 저장해 브라우저에서 여세요.
자주 묻는 질문
- 위험한 코드가 실행되나요?
- 실행되지 않습니다. 미리보기로 그리기 전에 DOMPurify로 소독해 script 태그, onclick 같은 이벤트 속성, javascript: 링크를 모두 제거합니다. 무엇이 지워졌는지도 화면에 목록으로 보여 드립니다.
- 지워진 목록은 왜 보여 주나요?
- 남이 준 HTML을 붙여넣기 전에 확인하는 것이 이 도구의 주된 쓸모이기 때문입니다. 게시판이나 메일에서 받은 코드에 스크립트가 섞여 있는지, 어떤 이벤트 속성이 붙어 있는지 눈으로 볼 수 있습니다. 미리보기만 보여 주면 그 정보가 사라집니다.
- 실제 브라우저와 똑같이 보이나요?
- 완전히 같지는 않습니다. 미리보기는 이 페이지 안에서 그려지므로 이 사이트의 기본 글꼴과 여백이 일부 영향을 줍니다. 또 외부 CSS 파일이나 스크립트는 불러오지 않습니다. 레이아웃을 정확히 확인하려면 파일로 저장해 브라우저에서 직접 여세요.
- 코드가 서버로 올라가나요?
- 올라가지 않습니다. 모든 처리는 브라우저 안에서만 이뤄집니다.
- 정렬된 소스는 무엇인가요?
- 한 줄로 뭉친 HTML을 들여쓰기해 읽기 좋게 만든 것입니다. 구조를 파악할 때 씁니다. 더 자세한 조절이 필요하면 코드 정렬 도구를 쓰세요.
이 도구는 브라우저 안에서만 계산하며 입력값을 서버로 보내지 않습니다. 분류: 개발 · 마지막 수정 2026-09-08