메뉴 닫기

html 전체 다운로드 방법 크롬 브라우저

크롬에서 html 전체 다운로드하는 방법을 소개해 드립니다. 이 방법은 오프라인일 때도 보기를 원하는 경우 Chrome에서 웹 페이지를 HTML 파일로 저장할 수 있습니다. 이 방법을 사용하여 Chrome에서 저장할 때 기본 텍스트만 유지하여 파일 크기를 작게 유지하거나 사진과 같은 추가 자산을 다운로드하도록 선택할 수 있습니다. 자세히 살펴보도록 하겠습니다.


먼저 알아두세요

보통 웹 페이지를 pdf로 저장하기도 합니다. 하지만 웹 페이지를 pdf로 저장하는 것보다 다음에 소개해 드릴 방법을 사용할 경우 html의 동작 기능들을 모두 확인할 수 있는 장점이 있습니다. 웹 페이지를 pdf로 변환하면 이미지를 가져와 문서에 넣는 과정에서 웹 사이트가 더 이상 상호 작용할 수 없어 지지만 HTML 파일을 저장할 때는 여전히 텍스트를 복사하고, 코드를 수정하고, 링크를 클릭하고, 애니메이션을 볼 수 있습니다.

이러한 이점으로 인해 웹 페이지를 HTML 파일로 다운로드하는 방법을 살펴볼 것입니다. 웹 페이지를 PDF로 저장하려는 사용자는 다음 링크를 확인해 주세요

[ 웹페이지 pdf 저장하는 간단한 방법 (짤림방지) ]



Chrome에서 html 전체 다운로드하는 방법

Chrome에서 html 전체 웹페이지를 저장하는 과정은 매우 간단하지만 하위 메뉴 뒤에 숨겨져 있습니다. 저장하려는 웹사이트로 브라우저를 연 후 다음 단계를 따라해 보세요


‘페이지를 다른 이름으로 저장…’ 메뉴 선택

페이지가 열린 상태에서 검색 표시줄 옆에 있는 Chrome 창의 오른쪽 상단 모서리에 있는 세 개의 점을 누릅니다. 그런 다음 “추가 도구” 위로 마우스를 이동하고 ” 페이지를 다른 이름으로 저장…” 을 클릭 합니다. 또는 Chrome ‘다른 이름으로 저장’ 단축키 ‘Ctrl + S’를 누릅니다.

페이지를 다른 이름으로 저장
페이지를 다른 이름으로 저장


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

html 전체 다운로드 방법 크롬 브라우저 2

이름이 자동으로 채워진 Windows 탐색기 대화 상자가 나타납니다. 세 가지 옵션이 있는 “파일 형식” 드롭다운 메뉴에 주의해 주세요

  • 웹페이지 HTML 만: 웹사이트의 HTML 코드만 저장합니다. 이미지, 고급 웹 페이지 테마 및 애니메이션은 보존되지 않습니다.
  • 웹 페이지, 단일 파일: Chrome에서 페이지를 폴더가 아닌 단일 mhtml 파일로 저장합니다. 이렇게 하면 혼란이 줄어들지만 일부 웹 페이지에서는 좋은 결과를 얻지 못할 수 있습니다.
  • 웹 페이지, 전부: 웹 사이트가 작동하는 데 필요한 모든 파일이 필요한 별도의 폴더와 HTML 파일을 저장합니다. 일반적으로 원본 페이지에 가장 가까운 결과를 제공합니다.

자신에게 맞는 것을 결정했으면 클릭한 다음”저장” 버튼.



브라우저에서 저장된 Chrome 웹페이지 열기

웹 페이지와 연결된 HTML 파일이 포함된 대화 상자가 화면 하단에 나타납니다. 그것을 클릭하여 브라우저에서 열고 모든 것이 올바르게 작동하는지 확인해 주세요

브라우저에서 저장된 Chrome 웹페이지 열기
브라우저에서 저장된 Chrome 웹페이지 열기



다운로드 폴더에 저장된 웹 페이지 html 열기

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

다운로드 폴더에 저장된 웹 페이지 html 열기
다운로드 폴더에 저장된 웹 페이지 html 열기



요약 정리

여기까지 크롬 웹 브라우저를 통해 html 전체 다운로드 하는 법을 확인해 보았습니다. 다른 설치 프로그램을 통해 전체 html을 다운로드 받는 법도 있으나 브라우저 자체 기능을 활용하는 것이 PC 용량과 보안 측면에서 더 좋은 선택일 수 있습니다.

그리고 다운로드 받은 html, css, javascript 소스 코드를 하기 위해서 사용하기 쉽고 편리한 에디터가 필요할 수 있습니다. 아래 링크를 참고하여 노트패드를 사용해 보시길 추천 드립니다.

html 전체 다운로드 방법 크롬 브라우저
html 전체 다운로드 방법 크롬 브라우저

관련 게시글

[ Chrome 웹브라우저 ] 

 



이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.