전체 코드 조각을 포함하고 이미지 누락 없이 이 웹페이지를 인쇄하려면 어떻게 해야 합니까?

전체 코드 조각을 포함하고 이미지 누락 없이 이 웹페이지를 인쇄하려면 어떻게 해야 합니까?

웹페이지를 인쇄하고 싶어요https://www.journaldev.com/3524/spring-hibernate-integration-example-tutorialPDF 파일로.

Chrome 브라우저에서 웹페이지를 마우스 오른쪽 버튼으로 클릭하고 "인쇄..."를 선택하면 생성된 PDF 파일이 생성됩니다.

  • "Spring Hibernate 통합 예제 프로젝트 구조" 섹션에 이미지가 포함되어 있지 않습니다.

  • 위아래 스크롤 막대를 스크롤하지 않으면 완전히 표시할 수 없는 코드 조각의 일부만 포함되어 있습니다.

위의 문제 없이 인쇄할 수 있는 방법이 있는지 궁금합니다. 특히 두 번째 문제.

저는 OS로 Ubuntu 16.04를 사용하고 있습니다.

감사해요.

답변1

첫 번째 방법

이를 수행하는 한 가지 방법은 검사 요소를 사용하여 CSS를 편집하는 것입니다. 페이지의 코드 조각을 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택합니다.

이제 아래 이미지를 참조하고 오른쪽 페이지에서 max-height 속성을 선택 취소하세요.

최대 높이 속성을 선택 취소하세요.

페이지를 새로 고치지 않고 Ctrl+를 눌러 P인쇄하세요.

참고: 페이지를 새로 고치면 페이지가 이전 상태로 돌아갑니다.

동일한 사이트의 다른 페이지에서도 동일한 작업을 수행하려면 첫 번째 방법보다 두 번째 방법이 더 좋습니다.

두 번째 방법

이를 달성하는 다른 방법은 이 특정 사이트에 대한 사이트 설정에서 JavaScript를 비활성화하는 것입니다. 그러나 코드 조각에서 구문 강조가 누락됩니다.

로 이동하여 chrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com해당 사이트에 대한 사이트 설정을 변경할 수 있습니다.

JavaScript는 기본적으로 허용되므로 비활성화해야 합니다.

자바스크립트 비활성화

이제 웹페이지를 다시 로드하고 Ctrl+를 눌러 P인쇄하세요.

인쇄하려고 할 때 사이에 약간의 간격이 있는 것을 발견했습니다. 하지만 검사 요소를 사용하면 쉽게 제거할 수 있습니다. 가이드 보기여기.

원천

도움이 되었기를 바랍니다.

관련 정보