web-dev-qa-db-ja.com

印刷ページからURLを削除する方法は？

ページの下部に印刷されるURLを削除します。

好む：

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

どのように省略したり、印刷されないようにしたりできますか？

具体的には、Webページの印刷中に、ページURL、日付、およびページタイトルが一緒に印刷されないようにする方法はありますか？

htmlprintingfooter
91
jarus

次のコードサンプルが役立ちます。

<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の指定

105
Chamika Sandamal

ブラウザ側で何かを見つけました。

この手順を試してください。ここでは、3つの主要なブラウザーすべてでヘッダーとフッターを無効にする手順について説明しました。

Chromeブラウザの右上隅にあるメニューアイコンをクリックします。印刷をクリックします。 [オプション]セクションの[ヘッダーとフッター]をオフにします。

Firefoxブラウザーの左上隅にあるFirefoxをクリックします。 [印刷]の上にマウスを置き、[ページ設定]をクリックします。 [余白とヘッダー/フッター]タブをクリックします。 Headers＆Footersの下の各値を--blank--に変更します。

Internet Explorerブラウザーの右上隅にある歯車アイコンをクリックします。 [印刷]の上にマウスを置き、[ページ設定]をクリックします。 Headers and Footersの下の各値を-Empty-に変更します。

33
Jah Yusuff

URLを表示することは、ブラウザクライアントの設定であり、ページ内で実行されているスクリプトからはアクセスできません（これに直面すると、ページ自体を静かに印刷することもできません）。

クエリ文字列を介した情報の「漏洩」を避けるために、POSTを介して送信できます。

18
Rowland Shaw

Mozilla Firefoxについてお話しします（他のブラウザーでも同じようになるはずです）。

Firefoxメニュー、印刷に進み、印刷のサブメニューからページ設定を選択します。画面にポップが表示され、そこに"Margin＆Header/Footer"タブが表示されます。

その中で、印刷前に要件ごとにヘッダー/フッターに"BLANK"を選択します。プレビューで確認できます。

これが役立つことを願っています。

8
Mitravind Garg

以下のコードを使用してページのマージンを設定すると、ヘッダーとフッターは印刷ページから省略されます。 FireFoxとChromeでこれをテストしました。

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

これは私を助けました： リンクなしでページを印刷

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

あなたはあなたのページに表示されている印刷時にページリンクを削除したいと思うと思います正解はあなたが探していることです.

<style>
@media print  
{
a[href]:after {
content: none !important;
 }
@page {
margin-top: 0;
margin-bottom: 0;
}
 body{
padding-top: 72px;
padding-bottom: 72px ;
}
}
</style>

印刷の実例をご覧ください、ページはブロガーにあります

3
Mohit Kumar Yadav

ブラウザの設定を使用して、印刷されたドキュメントに表示されていないURLを削除できます。ファイル->ページ設定->ヘッダーとフッターをクリックするだけですべてを空白に設定できます。助けます

3
Anju

実際のグラフィック内のフッターについて話しているのか、ブラウザ内の印刷プロセスが実行しているURLについて話しているのかはわかりません。

Urlの場合、印刷プロセスは、ブラウザがそれをオフにする機能を持っている場合、本当にブラウザに任せています。

そのフッター情報の場合、印刷スタイルシートを使用してそのスタイルシート内で行うことをお勧めします

display: none;

フッターの特定のIDまたはクラス。

印刷スタイルシートを実行するには、これをヘッドに追加する必要があります。

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
2
Ólafur Waage

Google Chromeでは、余白を0に設定するか、ファンキーに印刷する場合は、ページの印刷不可能な領域に不要なテキストをプッシュするのに十分なだけ調整することでこれを行うことができます。私はそれを試してみましたが、それは動作します：D

enter image description here

1
Ardee Aram

最近では、history APIを使用して、印刷前にURLを変更し、元に戻すことができます。

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

ただし、ユーザーがクリックするカスタムPRINTボタンを作成する必要があります。

1
James Yang

私は同じ問題を抱えています。 jqueryプラグインを介して印刷用のHTMLを作成できるかどうか疑問に思います： http://www.recoding.it/?p=138

次に、HTMLをphpスクリプトに送信し（ajax呼び出しを使用）、 http://www.xhtml2pdf.com/ または http://code.google.comでPDFを生成します/ p/wkhtmltopdf / 。

その後、pdfは（適切なコンテンツタイプとダイレクトレンダリングを設定することにより）表示されるか、生成されたpdfへのhttp-Redirectによって表示されます。

Pfd_for_printing-folderで生成されたPDFはキャッシュとして機能し、ジョブによって1日に1回削除されます。

0
chris

これが最も簡単なソリューションです。私はインターネットでほとんどのソリューションを試しましたが、これだけが助けになりました。

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

    @page :header {
        display: none
    }
}
0
Zanyar J.Ahmed

Firefoxの印刷ページから削除するトリックがあります。これを使って：

<html moznomarginboxes mozdisallowselectionprint>

Htmlタグでは、moznomarginboxes mozdisallowselectionprintを使用する必要があります。私はそれがあなたを大いに助けると確信しています。

0
Aryan
<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>
0
Rajiv Chaturvedi

私はそのブラウザ設定であると言っている答えのほとんどに同意しますが、それでもあなたはCOM経由であなたが望むものを達成することができます。ほとんどのブラウザにはまだ問題があり、IEでさえユーザーにCOMセキュリティバーを引き上げることに留意してください。したがって、組織内で提供しているものでない限り、それをしないでください。

0
hash

ブラウザの問題ですが、これらによって解決できます：

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>
0
Md. Hasibul Huq
@media print { a[href]:after { content: none !important; } }
0
Rashid Khitilov

Chrome 57では、印刷する必要のあるHTMLページを制御できる場合、以下が機能しました（私の場合、小さな3x1インチラベルを印刷する必要がありました）。

  • ヘッダーからHTMLタイトル要素を削除します（一時的にjqueryを使用するか、ページに実際にタイトルが必要ない場合は永続的に）
  • @Chamika Sandamalが述べているように、@ page marginを0に設定します

これにより、本文のみ、URL、ページ番号などを含まないページが印刷されました。

0
Johnny