브라우저 인쇄 설정에서 첫 번째 및 마지막 페이지의 기본 확인 상태를 프로그래밍 방식으로 제어하는 ​​방법은 무엇입니까?

프로그래밍 제어 브라우저 브라우저 인쇄 제한 헤더 바닥 글 기본 확인 상태

웹 페이지 인쇄 중에 개발자는 종종 기본 헤더 바닥 글을 선택 취소하거나 헤더 바닥 글 컨텐츠를 사용자 정의하는 등 코드를 통해 인쇄 설정을 제어하려고합니다. 그러나 JavaScript 또는 CSS를 통해 브라우저의 인쇄 설정 (헤더 및 바닥 글의 기본 확인 상태 포함)을 직접 조작하는 것은 불가능합니다.

이는 주로 브라우저 인쇄 설정이 브라우저 자체 또는 운영 체제 및 프린터 드라이버에 의해 제어되기 때문에 프론트 엔드 코드의 권한 범위를 초과하기 때문입니다. @media print CSS 규칙을 사용하여 헤더 바닥 글 컨텐츠를 사용자 정의하더라도 특히 PrintJS와 같은 플러그인을 사용할 때 브라우저 나 프린터의 기본 설정을 무시할 수 없습니다.

예를 들어, 다음 코드 스 니펫은 @media print 및 printjs 플러그인을 사용하여 헤더와 바닥 글을 사용자 정의하려고 시도하지만 그 효과는 이상적이지 않을 수 있습니다.

 html2canvas (this. $ refs.templatetoimg, {
  배경 콜로르 : NULL,
  USECORS : 사실,
  WindowHeight : Document.Body.ScrollHeight,
}). 그런 다음 (canvas => {
  dom.style.height = 'calc (100vh -400px)' '
  dom.style.overflow = 'Auto'
  const url = canvas.todataurl ( 'image/jpg')
  this.img = url
  const styles = "@media print {@page {height : 100%; @top-left {content : 'top content';} @attant-center {content : 'footer content';}}}";
  printjs ({
    인쇄 가능 : URL,
    유형 : '이미지',
    DocumentTitle : this.previewtitle (),
    스타일 : 스타일,
    onloadingend : () => {
      this.printloing = false
      dom.style.height = 'Auto'
      dom.style.overflow = 'Visible'
    }
  })
})

그 이유는 PrintJS (및 기타 유사한 인쇄 라이브러리)가 일반적으로 브라우저의 기본 인쇄 대화 상자 및 설정을 우회하여 프린터로 직접 콘텐츠를 전송하기 때문입니다. 따라서 @media print 스타일 규칙은 적용 할 수 없습니다.

요컨대, 현재 브라우저의 인쇄 설정에서 헤더 바닥 글 확인 상태를 직접 제어 할 신뢰할 수있는 JavaScript 또는 CSS 메소드가 없습니다. 개발자는 인쇄 된 컨텐츠의 사전 포함 헤더 및 바닥 글과 같은 실제 요구에 따라 다른 대안을 고려하거나 브라우저 인쇄 대화 상자에서 설정을 수동으로 조정하도록 사용자를 안내해야합니다.

위 내용은 브라우저 인쇄 설정에서 첫 번째 및 마지막 페이지의 기본 확인 상태를 프로그래밍 방식으로 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!