웹에서의 다양한 프런트 엔드 인쇄 방법: jquery 인쇄 플러그인 jqprint는 웹 페이지 인쇄를 구현합니다

웹에서의 다양한 프런트 엔드 인쇄 방법: jquery 인쇄 플러그인 jqprint는 웹 페이지 인쇄를 구현합니다_jquery

WBOY

풀어 주다： 2016-05-16 17:44:02

원래의

2309명이 탐색했습니다.

제가 아는 웹 인쇄 방법은 다음과 같습니다.

1. JQuery 플러그인 Jqprint 구현
2. 웹 페이지 인쇄를 구현하는 JQery 인쇄 플러그인 PrintArea
3. CSS 제어 웹 페이지 인쇄 스타일

JQuery 플러그인 Jqprint 구현:
먼저 js 파일 가져오기:
jquery.jqprint.js 다운로드

코드 복사 코드는 다음과 같습니다.

html 코드:

코드 복사 코드는 다음과 같습니다.

🎜>인쇄할 때 표시됩니다
< ;/div>

인쇄할 때 숨겨집니다.

자바스크립트 코드
:

코드 복사 코드는 다음과 같습니다.

또한 플러그인은 일부 구성 가능한 매개변수를 제공합니다.
debug: false,//true인 경우 iframe 보기 효과는 다음과 같습니다. 표시됩니다(iframe 기본값은 높이와 너비가 매우 작으며 소스 코드에서 늘릴 수 있습니다). 기본값은 false입니다.

importCSS: true, //true는 원본 페이지의 CSS를 가져오는 것을 의미하며 기본값은 true입니다. (참이면 먼저 $("link[media=print]")를 찾고, 그렇지 않으면 $("link")에서 CSS 파일을 찾습니다.)
printContainer: true, // 원래 선택 항목이 인쇄에 포함되어야 함을 의미합니다(참고: false로 설정하면 CSS 규칙이 위반될 수 있음).
operaSupport: true//플러그인이 Opera 브라우저도 지원해야 하는 경우 임시 인쇄 탭 생성을 제공함을 나타냅니다. 기본값은 true
이고 importCSS만 사용합니다. 원본 페이지의 링크를 iframe으로 가져옵니다. 처음 인쇄할 때 미디어 검색 = 인쇄, 그렇지 않은 경우 일반 CSS 파일을 가져옵니다.

importCSS 예시
:

코드 복사 코드는 다음과 같습니다. $('.my_show').jqprint({

importCSS://CSS 스타일 파일

})