인쇄 페이지에서 URL을 제거하는 방법은 무엇입니까?


102

페이지 하단에 인쇄되는 URL을 삭제하고 싶습니다.

처럼:

yomari.com/.../main.php?sen_n

어떻게 생략하거나 인쇄를 방지 할 수 있습니까?

더 구체적으로 말하면 웹 페이지를 인쇄하는 동안 페이지 URL, 날짜 및 페이지 제목이 함께 인쇄되는 것을 방지 할 수있는 방법이 있습니까?


3
프로그래밍 방식으로 수행 할 수 있습니까? 정말 브라우저 페이지 설정입니다!
Shoban

완전히 '브라우저 페이지 설정'입니다. 하지만 이 튜토리얼이 인쇄 페이지 CSS에 약간 도움 된다는 것을 알았습니다 .
Mayeenul Islam

답변:


123

다음 코드 샘플이 작동합니다.

<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>

페이지에서 브라우저 인쇄 옵션 (머리글, 바닥 글, 여백) 비활성화 에 대한 답변을 참조하십시오.

@page의 사양


3
파이어 폭스 20.0에이 인쇄 미리보기에서 URL을 제거하지 않습니다
Mirzhan Irkegulov에게


좋은 대답입니다. 하단 여백을 설정하는 것이 더 좋습니다. 예margin-bottom: 0mm;
CompanyDroneFromSector7G

2
이것은 실제로 일을 내 파이어 폭스 50 @MirzhanIrkegulov에
aexl

주제 시작자는 브라우저가 인쇄 미리보기 중에 추가하는 상단 및 하단 콜론 제목 (URL 페이지 번호 제목)을 제거하는 방법을 물었습니다.
Pavel Nazarov

39

브라우저 측 자체에서 뭔가를 찾았습니다.

이 단계를 시도하십시오. 여기에서는 세 가지 주요 브라우저 모두에서 머리글과 바닥 글을 비활성화하는 단계에 대해 언급했습니다.

Chrome 브라우저의 오른쪽 상단에있는 메뉴 아이콘을 클릭합니다. 인쇄를 클릭합니다. 옵션 섹션에서 머리글 및 바닥 글을 선택 취소합니다.

Firefox 브라우저의 왼쪽 상단에서 Firefox를 클릭합니다. 인쇄 위에 마우스를 놓고 페이지 설정을 클릭합니다. 여백 및 머리글 / 바닥 글 탭을 클릭합니다. 머리글 및 바닥 글 아래의 각 값을 --blank--로 변경합니다.

Internet Explorer 브라우저 오른쪽 상단의 톱니 바퀴 아이콘을 클릭합니다. 인쇄 위에 마우스를 놓고 페이지 설정을 클릭합니다. 머리글 및 바닥 글 아래의 각 값을 -Empty-로 변경합니다.


18

URL을 표시하는 것은 브라우저 클라이언트 기본 설정이며 페이지 내에서 실행되는 스크립트에 액세스 할 수 없습니다 (페이지가 자동으로 인쇄 될 수도 없습니다).

쿼리 문자열을 통한 정보 "누출"을 방지하려면 POST를 통해 제출할 수 있습니다.


1
noooo ... POST는 암호화 메커니즘이 아닙니다. 요청의 가능한 부작용에 대한 힌트입니다.
troelskn

긴 여러 줄 쿼리 문자열을 인쇄하는 대신. URL 만 인쇄하면
좋겠습니다

쿼리 문자열은 URL의 일부입니다. URL이 너무 길면 대신 수정해야합니다.
troelskn

4
이 요청 완화 요인이었다 URL에서 쿼리 매개 변수 제거 않습니다 - 나는 암호화 일이라고 말하지 않았다
로우 랜드 쇼

11

머리글과 바닥 글 아래의 코드를 사용하여 페이지 여백을 설정하면 인쇄 된 페이지에서 생략됩니다. FireFox와 Chrome에서 이것을 테스트했습니다.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>

1
이것은 Firefox에서 페이지 사이의 여백을 제거합니다. 예 : i.imgur.com/krDlC1K.png
Blaise

8

Mozilla Firefox에 대해 이야기하고 있습니다 (다른 브라우저에서도 동일하게 사용되기를 바랍니다).

를 클릭 Firefox 메뉴 , 이동하는 인쇄 선택, 페이지 설정까지 인쇄의 하위 메뉴에서. 화면에 팝업이 나타나면 "Margin & Header / Footer" 탭으로 이동합니다.

인쇄하기 전에 요구 사항에 따라 머리글 / 바닥 글에 대해 "BLANK" 를 선택 합니다. 확인을 위해 미리보기를 확인할 수 있습니다.

이것이 도움이되기를 바랍니다.


7

도움이되었습니다 : 링크없이 페이지 인쇄

@media print {
    a[href]:after {
        content: none !important;
    }
}

이 설명하시기 바랍니다 수 있습니다
M.suleman 칸에게

인쇄 페이지에 href 콘텐츠를 보여주는 부트 스트랩 하이퍼 링크에 문제가 있습니다. 이 솔루션은 문제를 해결하는 데 도움이되었습니다.
Mohsin

3

브라우저 설정을 통해 인쇄 된 문서에서 표시되는 URL을 제거 할 수 있습니다. 파일-> 페이지 설정-> 머리글 및 바닥 글을 클릭하면 모든 항목이 공백으로 설정됩니다. 즉, 바닥 글 텍스트 상자에서 & U를 제거합니다. 도와 줘


2

실제 그래픽 내의 바닥 글 또는 브라우저 내의 인쇄 프로세스가 수행하는 URL에 대해 이야기하고 있는지 모르겠습니다.

URL이 있으면 인쇄 프로세스가 브라우저를 끄는 기능이 있으면 실제로 브라우저에 달려 있습니다.

바닥 글 정보라면 인쇄 스타일 시트를 사용하고 해당 스타일 시트 내에서 수행하는 것이 좋습니다.

display: none;

바닥 글의 특정 ID 또는 클래스 용.

스타일 시트를 인쇄하려면 이것을 헤드에 추가해야합니다.

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

2

요즘에는를 사용 history API하여 인쇄하기 전에 URL을 수정 한 다음 다시 변경할 수 있습니다.

var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);

하지만 PRINT사용자가 클릭 할 수있는 맞춤 버튼 을 만들어야합니다 .


솔루션을 사용하면 여전히 오른쪽 상단에 " domain-name.com "이 인쇄되어 있습니다. 그 후 모든 것을 제거했습니다.
Tod Birdsall

1

Google 크롬에서는 여백을 0으로 설정하거나 펑키하게 인쇄 된 다음 원하지 않는 텍스트를 페이지의 인쇄 할 수없는 영역으로 밀어 넣을 수있을만큼만 조정하면됩니다. 나는 그것을 시도하고 작동합니다 : D

여기에 이미지 설명 입력


1

브라우저 문제이지만 다음으로 해결할 수 있습니다.

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>

여백을 다시 제자리에 두는 CSS를 포함했기 때문에 찬성되었습니다. 고마워!
토드 버드 솔

0

나는 브라우저 설정이라고 말하는 대부분의 답변에 동의하지만 여전히 COM을 통해 원하는 것을 얻을 수 있습니다. 대부분의 브라우저에는 여전히 문제가 있으며 IE조차도 사용자에게 COM 보안 표시 줄을 올릴 것입니다. 따라서 조직 내에서 제공하는 것이 아니라면하지 마십시오.


0

나도 같은 문제가있어. 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는 캐시 역할을 할 수 있으며 하루에 한 번 작업에 의해 삭제 될 수 있습니다.


페이지의 일부 (스타일 포함)를 PDF로 인쇄하고 싶습니다. 어떻게해야합니까? stackoverflow.com/questions/25082395/…
SearchForKnowledge

0

Chrome 57에서는 인쇄해야하는 HTML 페이지를 제어 할 수있는 경우 다음이 효과적이었습니다 (제 경우에는 작은 3x1 인치 레이블을 인쇄해야 함).

  • 헤더에서 HTML 제목 요소를 제거합니다 (jquery를 일시적으로 사용하거나 해당 페이지에 실제로 제목이 필요하지 않은 경우 영구적으로).
  • @Chamika Sandamal이 언급 한대로 @page 여백을 0으로 설정합니다.

이로 인해 본문 텍스트 만 포함하고 URL, 페이지 번호 등이없는 페이지가 인쇄되었습니다.


0
<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>

이 코드는 여백 만 제거합니다. 그래서 url이 표시되지 않지만 이것을 사용하면 페이지 번호가 손실됩니다.
Pramod Deshmukh

페이지 번호가 아닌 인쇄에서만 페이지 URL을 제거하고 싶습니다
Pramod Deshmukh


0

이것은 jquery를 사용하여 잘 작동합니다.

<style>
  @media print { @page { margin: 0; } 
   body { margin: 1.6cm; } }
</style>

-1

아마도 당신은 크롬을 시도 할 수 있습니다 (아마도 Safari도)

Google 크롬을 사용하여 OSX에서 pdf로 인쇄 할 때 머리글 및 바닥 글의 URL 및 페이지 번호가 표시되지 않습니다.

이것이 Windows에 적용되는지 확실하지 않습니다.


-1

Firefox의 인쇄 페이지에서 제거하는 트릭이 있습니다. 이것을 사용하십시오 :

<html moznomarginboxes mozdisallowselectionprint>

html 태그에서 moznomarginboxes mozdisallowselectionprint. 나는 그것이 당신에게 많은 도움이 될 것이라고 확신합니다.


-1
@media print {
    #Header, #Footer { display: none !important; }
}

링크 확인


1
안녕하세요,이 질문에 답 해주셔서 감사합니다. 답변의이면과 수정의 논리에 대해 더 많은 설명을 제공 할 수 있습니까? 건배!
제임스 웡 - 분석 재개 모니카

안녕하세요, 감사합니다. 이것은 크롬에서 완벽하게 작동합니다 (적어도). 왜 사람들이이 완벽한 솔루션을 투표했는지 모르겠습니다.
Saman

-1

이것이 가장 간단한 해결책이 될 것입니다. 나는 인터넷에서 대부분의 솔루션을 시도했지만 이것이 도움이되었습니다.

@print {
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }
}

1
어떤 브라우저에서 작동합니까? Chrome 80에서는 작동하지 않습니다.
Ruben S

-3

글쎄, 나는 나와 내 프로젝트에 대한 답이 필요했기 때문에 위아래로 계속 검색했으며 실제로 URL 주소에 표시하는 정보에 관계없이 다음과 같은 결론에 도달했습니다.

if (!$_SESSION["valid_user"]) 

따라서 누군가가 인쇄 된 페이지에서 정확한 주소를 입력하더라도 그는 .... 로그인 페이지 :)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.