웹 페이지를 인쇄 할 때 페이지 제목 및 날짜 제거 (CSS 사용?)

웹 페이지를 인쇄 할 때 페이지 제목 및 날짜 제거 (CSS 사용?)

---

기본적으로 웹 페이지를 인쇄하면 페이지 제목 과 URL 이 페이지 상단에 인쇄하고 인쇄 할 날짜 와 시간 에 인쇄합니다.

PAGE SETUP 메뉴 (Internet Exp의 FILE 아래)를 통해 인쇄 할 때 추가 항목을 제거 할 수 있습니다.

누구든지 CSS 또는 자바 전역을 통해이 작업을 수행하는 방법을 알고 있습니까?

---

그 중에서도 사용자 설정이고 사용자가 제어 할 수 있습니다.

그러나 2017 년부터 @pageat-rule 이 표준화되어 최신 브라우저에서 페이지 제목과 날짜를 숨기는 데 사용할 수 있습니다.

@page { size: auto;  margin: 0mm; }

머리글 / 바닥 글 인쇄 및 여백 인쇄

웹 문서를 인쇄 할 때 브라우저의 페이지 설정 (또는 인쇄 설정) 대화 상자에서 여백을 설정합니다. 현재 여백 설정은 브라우저 내에서 설정되어있는 운영 운영 / 프린터 드라이버 수준에서 제어 기능 HTML / CSS / DOM 수준에서는 제어 할 수 없습니다. (CSS 제어 인쇄 페이지 머리글 및 바닥 글에 머리글 인쇄를 참조하십시오.)

설정은 프린터의 물리적 비 인쇄 영역을 포함 할 수있을만큼 충분히 커야합니다. 또한 일반적으로 페이지 제목, 페이지 번호, URL 및 날짜)를 포함 할 수있을만큼 충분히 커야합니다. 기본 설정을 통해 구성 할 수있는 웹 페이지 자체의 일부가 아니 CSS로 제어 할 수 없습니다. CSS 용어로드 페이지 상자 CSS2.1 섹션 13.2를 벗어납니다.

... 즉 여백을 0으로 인쇄하면 제목이 여백에 인쇄 페이지 제목이 숨겨집니다.

이 팁 은 Vigneswaran S 에게 감사드립니다 .

---

간단 해. CSS를 사용하십시오.

<style>
@page { size: auto;  margin: 0mm; }
</style>

---

페이지 제목에 대한 가능한 해결 방법 :

• 인쇄 버튼 제공,
• onclick 이벤트를 잡아
• 자바 펼쳐를 사용하여 페이지 제목을 변경하고,
• 그런 다음 javascript를 통해 인쇄 명령을 실행하십시오.

document.title = "Print page title"; window.print();

이 모든 브라우저에서 작동합니다.

---

스타일 시트에 추가 할 수 있습니다. @page{size:auto; margin:5mm;}그러나 이것은 페이지 번호도 버립니다.

---

Kai Noack의 답변을 완료하면 다음과 같이 할 것입니다.

var originalTitle = document.title;
document.title = "Print page title";
window.print();
document.title = originalTitle;

이렇게하면 페이지를 인쇄하면 원래 제목으로 돌아갑니다 .

---

Google 크롬을 사용하는 경우 다음을 수행하십시오.

---

인쇄용으로 별도의 스타일 시트를 사용할 수있는 기능이 있습니다.

 <link type="text/css" rel="stylesheet" media="print" href="print.css">

나는 그것이 당신이 원하는 것을하는지 모르겠습니다.

참고 URL : https://stackoverflow.com/questions/2573603/removing-page-title-and-date-when-printing-web-page-with-css