developer tip

CSS 이미지를 포함한 웹 페이지 및 종속성 다운로드

copycodes 2020. 11. 8. 10:11
반응형

CSS 이미지를 포함한 웹 페이지 및 종속성 다운로드


종종 웹 페이지를 다운로드 한 다음 오프라인으로 편집해야합니다. 몇 가지 도구를 시도해 보았지만 부족한 주요 기능은 CSS 파일에 참조 된 이미지를 다운로드하는 것입니다.

웹 페이지가 동일한 오프라인으로 렌더링되도록 모든 것을 다운로드하는 도구 (Linux 용)가 있습니까 (AJAX 제외)?


wget --page-requisites http://example.com/your/page.html

이 옵션을 사용 하면 Wget 주어진 html 페이지를 제대로 표시하는 데 필요한 모든 파일을 다운로드합니다. 여기에는 인라인 이미지, 사운드 및 참조 된 스타일 시트가 포함됩니다.

편집 : meder가 맞습니다 : stock wget은 CSS 이미지를 구문 분석하고 다운로드하지 않습니다. 그러나이 기능을 추가하는 패치가 있습니다. [ 1 , 2 ]

업데이트 : 위에서 언급 한 패치 2009 년 9 월 22 일에 릴리스 된 wget 1.12에 병합되었습니다 .

** Added support for CSS. This includes:
 - Parsing links from CSS files, and from CSS content found in HTML
   style tags and attributes.
 - Supporting conversion of links found within CSS content, when
   --convert-links is specified.
 - Ensuring that CSS files end in the ".css" filename extension,
   when --convert-links is specified.

Firefox를 통해이 작업을 수행 할 수 있습니다.이 양식을 참조하십시오.

  1. 마우스 오른쪽 버튼으로 클릭
  2. 페이지 정보보기
  3. 미디어 탭 선택
  4. 모든 파일 강조
  5. 다른 이름으로 저장

참조-http: //www.webdeveloper.com/forum/showthread.php? t= 212610


나는 다른 날 클라이언트를 위해 일하는 것과 같은 문제에 부딪쳤다. 정말 잘 작동하는 또 다른 도구는 HTTrack 입니다. 이 소프트웨어는 Windows 및 Linux 용 명령 줄 버전에서 사용할 수 있습니다. Linux의 경우 여기 에있는 대부분의 일반적인 운영 체제 용 패키지를 미리 빌드 했습니다.

내 목적을 위해 html 파일 내부의 링크를 수정하는 일부 추가 기능 / 스위치를 사용하여 wget보다 더 잘 작동했습니다.


wget은 훌륭한 선택입니다. 더 많은 정보를 위해 Windows의 wget 버전은 현재 wget 버전 1.12 용 gnu에 대한 공식 릴리스가 없습니다. 현재 버전은 1.11입니다.

wget 버전 1.11은 CSS 파일의 이미지 / 글꼴을 다운로드 할 수 없습니다. 다행히이 페이지에서 1.14 빌드를 찾을 수 있습니다. 이러한 문제를 해결했습니다.

http://opensourcepack.blogspot.com/2010/05/wget-112-for-windows.html


현재 버전의 Opera (12)에서는 페이지를 '이미지가있는 HTML'로 저장할 수 있습니다.

따라서 Opera는 CSS 파일에서 참조되는 이미지를 다운로드하고 이에 따라 CSS의 이미지 URL을 조정합니다.


Firefox에서 :

파일-> 다른 이름으로 페이지 저장-> 웹 페이지, 완료

모든 자바 스크립트와 이미지 및 CSS를 저장합니다. 다른 것은 필요하지 않습니다 :)


wget 

참고 URL : https://stackoverflow.com/questions/1581551/download-webpage-and-dependencies-include-css-images

반응형