웹사이트의 HTML 구조를 확인하고 다운로드까지 할 수 있는 사이트 또는 도구는 다음과 같습니다:
1. View Page Source
- 👉 링크: https://view-page-source.com/
- 사용법: URL을 입력하면 해당 페이지의 HTML 소스가 표시됨
- 장점: 복사/저장 가능, 광고 없음, 매우 간단
- 단점: 자바스크립트로 동적으로 로딩되는 콘텐츠는 일부 누락될 수 있음
2. HTTrack (HTML 사이트 전체 다운로드 도구)
- 👉 웹사이트: https://www.httrack.com
- 사용법: 데스크탑 소프트웨어 설치 후, 웹사이트 주소 입력 → 전체 웹페이지 HTML, CSS, 이미지 등을 다운로드 가능
- 장점: 사이트 전체 구조 백업 가능 (로컬에서 그대로 탐색 가능)
- 단점: 설정 복잡할 수 있음, 일부 JS 기반 콘텐츠는 정확히 못 받을 수 있음
3. Chrome 브라우저 개발자 도구 (수동 확인 및 저장)
- 원하는 웹페이지 열기
- 마우스 오른쪽 클릭 →
검사(또는 F12) - 상단의 Elements 탭에서 HTML 구조 확인
- 전체 HTML 복사:
<html>태그 우클릭 →OuterHTML 복사→ 메모장 등에 붙여넣기 및 저장
또는:
- 브라우저 주소창에서 우클릭 →
페이지 소스 보기(View Page Source) - Ctrl+S 눌러서 HTML 파일로 저장
4. Webscraper.io (크롤링 + 다운로드)
- 👉 웹사이트: https://webscraper.io
- 크롬 확장 프로그램으로 사용 가능
- HTML 요소를 직접 지정하여 텍스트/링크/이미지 크롤링 및 CSV 저장 가능
✳ 추천 조합:
- 단순 HTML 보기 + 복사: View Page Source
- 사이트 전체 백업: HTTrack
- 정확한 구조 확인 + CSS 확인: Chrome DevTools (F12)