크롬에서 html 전체 다운로드하는 방법을 소개해 드립니다. 이 방법은 오프라인일 때도 보기를 원하는 경우 Chrome에서 웹 페이지를 HTML 파일로 저장할 수 있습니다. 이 방법을 사용하여 Chrome에서 저장할 때 기본 텍스트만 유지하여 파일 크기를 작게 유지하거나 사진과 같은 추가 자산을 다운로드하도록 선택할 수 있습니다. 자세히 살펴보도록 하겠습니다.
먼저 알아두세요
보통 웹 페이지를 pdf로 저장하기도 합니다. 하지만 웹 페이지를 pdf로 저장하는 것보다 다음에 소개해 드릴 방법을 사용할 경우 html의 동작 기능들을 모두 확인할 수 있는 장점이 있습니다. 웹 페이지를 pdf로 변환하면 이미지를 가져와 문서에 넣는 과정에서 웹 사이트가 더 이상 상호 작용할 수 없어 지지만 HTML 파일을 저장할 때는 여전히 텍스트를 복사하고, 코드를 수정하고, 링크를 클릭하고, 애니메이션을 볼 수 있습니다.
이러한 이점으로 인해 웹 페이지를 HTML 파일로 다운로드하는 방법을 살펴볼 것입니다. 웹 페이지를 PDF로 저장하려는 사용자는 다음 링크를 확인해 주세요
[ 웹페이지 pdf 저장하는 간단한 방법 (짤림방지) ]
Chrome에서 html 전체 다운로드하는 방법
Chrome에서 html 전체 웹페이지를 저장하는 과정은 매우 간단하지만 하위 메뉴 뒤에 숨겨져 있습니다. 저장하려는 웹사이트로 브라우저를 연 후 다음 단계를 따라해 보세요
‘페이지를 다른 이름으로 저장…’ 메뉴 선택
페이지가 열린 상태에서 검색 표시줄 옆에 있는 Chrome 창의 오른쪽 상단 모서리에 있는 세 개의 점을 누릅니다. 그런 다음 “추가 도구” 위로 마우스를 이동하고 ” 페이지를 다른 이름으로 저장…” 을 클릭 합니다. 또는 Chrome ‘다른 이름으로 저장’ 단축키 ‘Ctrl + S’를 누릅니다.

HTML 파일을 전체 페이지, 단일 파일 또는 HTML 전용으로 저장

이름이 자동으로 채워진 Windows 탐색기 대화 상자가 나타납니다. 세 가지 옵션이 있는 “파일 형식” 드롭다운 메뉴에 주의해 주세요
- 웹페이지 HTML 만: 웹사이트의 HTML 코드만 저장합니다. 이미지, 고급 웹 페이지 테마 및 애니메이션은 보존되지 않습니다.
- 웹 페이지, 단일 파일: Chrome에서 페이지를 폴더가 아닌 단일 mhtml 파일로 저장합니다. 이렇게 하면 혼란이 줄어들지만 일부 웹 페이지에서는 좋은 결과를 얻지 못할 수 있습니다.
- 웹 페이지, 전부: 웹 사이트가 작동하는 데 필요한 모든 파일이 필요한 별도의 폴더와 HTML 파일을 저장합니다. 일반적으로 원본 페이지에 가장 가까운 결과를 제공합니다.
자신에게 맞는 것을 결정했으면 클릭한 다음”저장” 버튼.
브라우저에서 저장된 Chrome 웹페이지 열기
웹 페이지와 연결된 HTML 파일이 포함된 대화 상자가 화면 하단에 나타납니다. 그것을 클릭하여 브라우저에서 열고 모든 것이 올바르게 작동하는지 확인해 주세요

다운로드 폴더에 저장된 웹 페이지 html 열기
이제 Chrome에서 웹페이지를 저장하는 방법을 알았으므로 다운로드 폴더를 액세스할 수 있습니다. HTML 파일과 _files로 끝나는 별도의 폴더가 표시됩니다. 이 폴더 안에는 웹 페이지의 모든 이미지, CSS 및 JS 파일이 있습니다.

요약 정리
여기까지 크롬 웹 브라우저를 통해 html 전체 다운로드 하는 법을 확인해 보았습니다. 다른 설치 프로그램을 통해 전체 html을 다운로드 받는 법도 있으나 브라우저 자체 기능을 활용하는 것이 PC 용량과 보안 측면에서 더 좋은 선택일 수 있습니다.
그리고 다운로드 받은 html, css, javascript 소스 코드를 하기 위해서 사용하기 쉽고 편리한 에디터가 필요할 수 있습니다. 아래 링크를 참고하여 노트패드를 사용해 보시길 추천 드립니다.


관련 게시글
콘텐츠