☰

프린터용 버전을 HTML로 저장하는 방법은 무엇입니까?

tag-icon • tag-icon firefox google-chrome printing
프린터용 버전을 HTML로 저장하는 방법은 무엇입니까?

예: Amazon AWS 계정 활동에 "인쇄용 버전"이 포함되어 있습니다. 프린터에 최적화된 청구서 버전이 포함된 다른 창을 표시하고 인쇄 대화 상자를 엽니다. 인쇄할 때 PDF로 저장하거나 취소하면 팝업창이 사라집니다. 나는 그것을 열어두고 싶습니다.

PDF로 인쇄/저장 옵션은 너무 큰 글꼴을 사용하고 줄을 줄바꿈하며 마지막 몇 줄이 다른 페이지로 흐르게 합니다. 브라우저의 팝업으로 열린 콘텐츠에 액세스할 수 있다면 글꼴 크기를 변경한 다음 인쇄하거나 다른 작업을 시도해 볼 수 있을 것입니다.

일반적으로 인쇄 후 브라우저가 팝업을 닫는 것을 방지하는 방법을 찾고 있습니다.

답변1

당신은웹 개발자확대. print특정 사이트의 스타일을 표시할 수 있습니다 .

여기에 이미지 설명을 입력하세요

답변2

문제는 "인쇄용 버전"을 클릭하면 콘텐츠가 동적으로 생성된다는 것입니다. 다행스럽게도 JS 코드는 난독화/축소되지 않습니다. 링크의 href는 href="javascript:printBillSummary()"페이지 본문에 바로 있는 메소드입니다. 전체 내용은 여기에 있습니다:http://pastie.org/3806630하지만 가장 흥미로운 부분은 끝에 있습니다.

var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');
printWindow.document.write(printContentWrapper.html());
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();

"close"를 사용하여 첫 번째 줄에 디버거 중단점을 추가하고 링크를 클릭했습니다. 그런 다음 화면 왼쪽 하단에 액세스하고 싶은 콘텐츠가 포함된 작은 창이 생겼습니다.

콘텐츠를 텍스트 편집기에 복사하고 수동으로 서식을 지정하는 것보다 시간이 더 걸렸지만 배운 내용은 가치가 있었습니다(-:

답변3

media="print" 가 포함된 스타일시트를 찾아야 합니다. 이 스타일시트는 인쇄 버전을 담당합니다. 브라우저 창에서 미디어 유형을 변경할 수 있는 몇 가지 플러그인을 보았습니다.

관련 정보