안전한 웹 페이지의 정확한 사본을 벡터 그래픽 형식으로 저장

웹 페이지의 정확한 복제본을 벡터 그래픽 형식으로 저장하고 싶습니다. 그래서 이미지를 래스터 그래픽 형식으로 저장하기 때문에 스크린 샷 기술을 사용할 수 없습니다.

Safari, Chrome 및 Firefox를 통해 'pdf로 인쇄'및 'pdf로 저장'을 시도했습니다. 이것은 대부분의 시간에 작동합니다. 그러나 저장된 pdf가 모든 웹 페이지의 정확한 복제본은 아닙니다. 예를 들어,이 웹 페이지를 pdf로 저장하고 upvote / downvote 아이콘이 저장된 pdf에 포함되지 않은 방법에 유의하십시오.

또한 Safari를 사용하여 WebArchive로 저장을 시도했습니다. 여기서 문제는 결과 파일을 자르고 WebArchive를 자르는 방법을 알 수 없다는 것입니다. 미리보기에서 열 수 없으므로 Safari에서 다시 사각형으로 열립니다.

또한 웹 페이지를 pdf (벡터 그래픽 형식)로 저장하는 원 클릭 솔루션을 제공하는 웹 브라우저 플러그인을 시도했습니다. 이 방법은 더 잘 작동하고 (정확한 페이지가 저장 됨) 페이지 URL을 클라우드 기반 프로그램으로 보내 페이지를 쿼리 한 다음 저장하여 이러한 프로그램이 작동한다는 점을 제외하고는 거의 문제를 해결합니다. 즉,이 기술은 로그인하기 위해 자격 증명이 필요한 https 사이트에서는 작동하지 않습니다.

그래서 나는 모퉁이에있다. 로그인 자격 증명이 필요한 웹 페이지의 정확한 벡터 그래픽 복제본을 저장하려고합니다. 어떻게해야합니까?

화면에서 페이지를 볼 때 표시되는 것과 다른 결과를 페이지를 PDF로 인쇄합니다.

이것은 웹 페이지에 인쇄 될 때 페이지를 변경하는 CSS 스타일 시트가 포함되어 있기 때문에 발생합니다.

이 질문은 이러한 문제를 피하는 데 도움이 됩니다. 화면 스타일 시트로 어떻게 인쇄합니까?

화면의 스타일 시트로 페이지를 인쇄하려면 지시 사항을 따르십시오.

그런 다음 PDF로 인쇄하여 화면에 표시되는 것과 동일한 결과를 얻을 수 있어야합니다.

약간의 스크립팅을 두려워하지 않으면 http://phantomjs.org/ 에서 OSX 용 phantomjs 애플리케이션을 사용해보십시오 .

그런 다음 rasterize.js 스크립트를 사용하여 다음과 같은 명령으로 포함 된 바이너리를 실행하면됩니다.

phantomjs.exe rasterize.js http://www.example.com/sitepage 8.5in*11in outfile.pdf

몇 가지 메모 :

• 'rasterize.js'라고하지만 텍스트 자체는 실제 텍스트로 PDF에 저장됩니다.

• 페이지 객체를 초기화 한 후 rasterize.js 스크립트에 몇 줄을 추가하여 Windows 인증을 사용하여 보안 사이트에 대한 인증을 수행 할 수 있습니다.

var page = require ( 'webpage'). create (),
    시스템 = require ( 'system'),
    주소, 출력, 크기;
    page.settings.userName = "serviceUserName"; // 나는 이것을 추가했다
    page.settings.password = "servicePassword"; // 여기에 2 줄

if (system.args.length 5) {