javascript 프린트 미리보기 (IE) 기본 예제

IE 프린트 미리보기 화면 호출에 대한 예제이다.

 

 

이용 가능한 브라우저 버전은 다음과 같다.

IE 5.5 이상 가능 (Test 는 IE 9~11)

 

IE는 내장되어있는 프린트 미리보기 기능을 javascript에서 불러오는 방법이다.

 

 

 

 

크롬은 기본 프린트 호출이 미리보기이므로 분기문으로 처리한다.

혹시나 화면이 와이드이면 미리보기 화면에서 아래처럼 인쇄크기 변경으로 조정 가능하다.

※ 인쇄 미리보기 화면에서의 설정이 필요하다.

1. 페이지 설정(Alt+U) > 배경색 및 이미지 인쇄(C) 체크

2. 콘텐츠 선택(Alt+F) > 모든 프레임</br

3. 인쇄 크기 변경(Alt+S) > 50%(해상도마다 다를 수 있음)

 

버튼을 눌러서 미리보기를 실행하는데 에러가 나면 아래 설정이 필요하다.

※ 프린트 미리보기 기능을 사용하기 위한 설정이다.

- 도구 > 인터넷 옵션 > 보안 탭 > 신뢰할 수 있는 사이트 선택

1. 사이트 버튼 클릭 > 사이트 추가

2. 사용자 지정 수준 클릭 > 스크립팅하기 안전하지 않은 것으로 표시된 ActiveX 컨트롤 (사용)으로 체크

소스

/**
 * 페이지 프린트 미리보기 호출 함수
 */
function pagePrintPreview(){
 
          var browser = navigator.userAgent.toLowerCase();
          if ( -1 != browser.indexOf('chrome') ){
                     window.print();
          }else if ( -1 != browser.indexOf('trident') ){
                     try{
                              //참고로 IE 5.5 이상에서만 동작함
 
                              //웹 브라우저 컨트롤 생성
                              var webBrowser = '<OBJECT ID="previewWeb" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
 
                              //웹 페이지에 객체 삽입
                              document.body.insertAdjacentHTML('beforeEnd', webBrowser);
 
                              //ExexWB 메쏘드 실행 (7 : 미리보기 , 8 : 페이지 설정 , 6 : 인쇄하기(대화상자))
                              previewWeb.ExecWB(7, 1);
 
                              //객체 해제
                              previewWeb.outerHTML = "";
                     }catch (e) {
                              alert("- 도구 > 인터넷 옵션 > 보안 탭 > 신뢰할 수 있는 사이트 선택\n   1. 사이트 버튼 클릭 > 사이트 추가\n   2. 사용자 지정 수준 클릭 > 스크립팅하기 안전하지 않은 것으로 표시된 ActiveX 컨트롤 (사용)으로 체크\n\n※ 위 설정은 프린트 기능을 사용하기 위함임");
                     }
                    
          }
          
}