페이지 하단에 인쇄되는 URL을 삭제하고 싶습니다.
처럼:
yomari.com/.../main.php?sen_n
어떻게 생략하거나 인쇄를 방지 할 수 있습니까?
더 구체적으로 말하면 웹 페이지를 인쇄하는 동안 페이지 URL, 날짜 및 페이지 제목이 함께 인쇄되는 것을 방지 할 수있는 방법이 있습니까?
페이지 하단에 인쇄되는 URL을 삭제하고 싶습니다.
처럼:
yomari.com/.../main.php?sen_n
어떻게 생략하거나 인쇄를 방지 할 수 있습니까?
더 구체적으로 말하면 웹 페이지를 인쇄하는 동안 페이지 URL, 날짜 및 페이지 제목이 함께 인쇄되는 것을 방지 할 수있는 방법이 있습니까?
답변:
다음 코드 샘플이 작동합니다.
<style type="text/css" media="print">
@page {
size: auto; /* auto is the initial value */
margin: 0; /* this affects the margin in the printer settings */
}
</style>
페이지에서 브라우저 인쇄 옵션 (머리글, 바닥 글, 여백) 비활성화 에 대한 답변을 참조하십시오.
margin-bottom: 0mm;
브라우저 측 자체에서 뭔가를 찾았습니다.
이 단계를 시도하십시오. 여기에서는 세 가지 주요 브라우저 모두에서 머리글과 바닥 글을 비활성화하는 단계에 대해 언급했습니다.
Chrome 브라우저의 오른쪽 상단에있는 메뉴 아이콘을 클릭합니다. 인쇄를 클릭합니다. 옵션 섹션에서 머리글 및 바닥 글을 선택 취소합니다.
Firefox 브라우저의 왼쪽 상단에서 Firefox를 클릭합니다. 인쇄 위에 마우스를 놓고 페이지 설정을 클릭합니다. 여백 및 머리글 / 바닥 글 탭을 클릭합니다. 머리글 및 바닥 글 아래의 각 값을 --blank--로 변경합니다.
Internet Explorer 브라우저 오른쪽 상단의 톱니 바퀴 아이콘을 클릭합니다. 인쇄 위에 마우스를 놓고 페이지 설정을 클릭합니다. 머리글 및 바닥 글 아래의 각 값을 -Empty-로 변경합니다.
URL을 표시하는 것은 브라우저 클라이언트 기본 설정이며 페이지 내에서 실행되는 스크립트에 액세스 할 수 없습니다 (페이지가 자동으로 인쇄 될 수도 없습니다).
쿼리 문자열을 통한 정보 "누출"을 방지하려면 POST를 통해 제출할 수 있습니다.
머리글과 바닥 글 아래의 코드를 사용하여 페이지 여백을 설정하면 인쇄 된 페이지에서 생략됩니다. FireFox와 Chrome에서 이것을 테스트했습니다.
<style media="print">
@page {
size: auto;
margin: 0;
}
</style>
Mozilla Firefox에 대해 이야기하고 있습니다 (다른 브라우저에서도 동일하게 사용되기를 바랍니다).
를 클릭 Firefox 메뉴 , 이동하는 인쇄 선택, 페이지 설정까지 인쇄의 하위 메뉴에서. 화면에 팝업이 나타나면 "Margin & Header / Footer" 탭으로 이동합니다.
인쇄하기 전에 요구 사항에 따라 머리글 / 바닥 글에 대해 "BLANK" 를 선택 합니다. 확인을 위해 미리보기를 확인할 수 있습니다.
이것이 도움이되기를 바랍니다.
도움이되었습니다 : 링크없이 페이지 인쇄
@media print {
a[href]:after {
content: none !important;
}
}
실제 그래픽 내의 바닥 글 또는 브라우저 내의 인쇄 프로세스가 수행하는 URL에 대해 이야기하고 있는지 모르겠습니다.
URL이 있으면 인쇄 프로세스가 브라우저를 끄는 기능이 있으면 실제로 브라우저에 달려 있습니다.
바닥 글 정보라면 인쇄 스타일 시트를 사용하고 해당 스타일 시트 내에서 수행하는 것이 좋습니다.
display: none;
바닥 글의 특정 ID 또는 클래스 용.
스타일 시트를 인쇄하려면 이것을 헤드에 추가해야합니다.
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
요즘에는를 사용 history API
하여 인쇄하기 전에 URL을 수정 한 다음 다시 변경할 수 있습니다.
var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);
하지만 PRINT
사용자가 클릭 할 수있는 맞춤 버튼 을 만들어야합니다 .
브라우저 문제이지만 다음으로 해결할 수 있습니다.
<style type="text/css" media="print">
@media print
{
@page {
margin-top: 0;
margin-bottom: 0;
}
body {
padding-top: 72px;
padding-bottom: 72px ;
}
}
</style>
나도 같은 문제가있어. jquery 플러그인을 통해 인쇄용 HTML을 만들 수 있는지 궁금합니다. http://www.recoding.it/?p=138
그런 다음 HTML을 php 스크립트 (ajax 호출 사용)로 보내고 http://www.xhtml2pdf.com/ 또는 http://code.google.com/p/wkhtmltopdf/로 pdf를 생성합니다 . .
나중에 pdf를 표시하거나 (적절한 콘텐츠 유형 및 직접 렌더링을 설정하여) 생성 된 pdf로 http- 리디렉션을 통해 표시 할 수 있습니다.
pfd_for_printing-folder에 생성 된 pdf는 캐시 역할을 할 수 있으며 하루에 한 번 작업에 의해 삭제 될 수 있습니다.
<style type="text/css" media="print">
@page {
size: auto;
margin: 0;
}
</style>
//now set manual padding to body
<style>
body{
padding-left: 1.3cm;
padding-right: 1.3cm;
padding-top: 1.1cm;
}
</style>
이것은 jquery를 사용하여 잘 작동합니다.
<style>
@media print { @page { margin: 0; }
body { margin: 1.6cm; } }
</style>
@media print {
#Header, #Footer { display: none !important; }
}
이 링크 확인
이것이 가장 간단한 해결책이 될 것입니다. 나는 인터넷에서 대부분의 솔루션을 시도했지만 이것이 도움이되었습니다.
@print {
@page :footer {
display: none
}
@page :header {
display: none
}
}