印刷ページからURLを削除するにはどうすればよいですか?


102

ページ下部に印刷されているURLを削除したいのですが。

お気に入り:

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

それをどのように省略したり、印刷されないようにすることができますか?

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


3
プログラムでそれを行うことはできますか?本当にブラウザのページ設定です!
ショーバン、

完全に「ブラウザページ設定」のこと。しかし、このチュートリアルは印刷ページの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
Firefox 20.0では、これは印刷プレビューからURLを削除しません
Mirzhan Irkegulov


すばらしい答えです。さらに良いのは、下マージンを設定するだけです。例:margin-bottom: 0mm;
CompanyDroneFromSector7G

2
これは私のFirefox 50 @MirzhanIrkegulovで実際に機能しました
aexl

トピックスターターは、ブラウザーが印刷プレビュー中に追加する上部および下部のコロンタイトル(URLページ番号タイトル)を削除する方法を尋ねました。
Pavel Nazarov

39

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

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

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

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

Internet Explorer ブラウザの右上隅にある歯車のアイコンをクリックします。マウスを[印刷]に合わせ、[ページ設定]をクリックします。ヘッダーとフッターの下の各値を-Empty-に変更します。


18

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

クエリ文字列による情報の「漏えい」を回避するには、POST経由で送信します


1
noooo ... POSTは暗号化メカニズムではありません-これはリクエストの起こり得る副作用についてのヒントです。
troelskn 2009

長い複数行のクエリ文字列を出力する代わりに。私はちょうどURLを印刷させていただきwoul
Shoban

クエリ文字列はURLの一部です。URLが長すぎる場合は、代わりに修正する必要があります。
troelskn 2009

4
私はそれが暗号化であるとは言いませんでした-要求された緩和要因であるURLからクエリパラメータを削除します
Rowland Shaw

11

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

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

1
これにより、Firefoxのページ間のマージンが削除されることに注意してください。例:i.imgur.com/krDlC1K.png
Blaise

8

Mozilla Firefoxについてお話します(他のブラウザでも同じようになっているといいのですが)。

Firefoxメニュー、[ 印刷]、[ 印刷]のサブメニューから[ ページ設定]をクリックします。画面にポップアップが表示され、 [ マージンとヘッダー/フッター ]タブに移動します。

その中で「空白」を選択します印刷する前に、要件に応じてヘッダー/フッターに。プレビューで確認できます。

これがお役に立てば幸いです。


7

これは私を助けました: リンクのないページを印刷します

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

これについて説明してください
M.suleman Khan

これは私にとってはうまく
サラ

ブートストラップハイパーリンクで、印刷ページにhrefコンテンツが表示されるという問題がありました。この解決策は私が問題を修正するのに役立ちました。
Mohsin

3

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


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 Chromeでは、余白を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を含めるため、賛成です。どうも!
Tod Birdsall

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-Redirectで表示できます。

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


ページの一部(スタイル付き)をPDFに印刷したい...どのようにしてそれを実現できますか?stackoverflow.com/questions/25082395/...
SearchForKnowledge

0

Chrome 57では、印刷する必要があるHTMLページを制御できる場合、次の方法でうまくいきました(私の場合は、3x1インチの小さなラベルを印刷する必要がありました)。

  • ヘッダーからHTMLタイトル要素を削除します(一時的にjqueryを使用するか、ページにタイトルが本当に必要ない場合は永続的に)
  • @Chamika Sandamalが言及しているように、@ page marginを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 2018年

ページ番号ではなく、印刷時にページURLのみを削除したい
Pramod Deshmukh '19年


0

これは私にとってjqueryを使用してうまく機能しています

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

-1

おそらくあなたはクロムを試すことができます(おそらくサファリも)

Google ChromeのOSXでPDFに印刷すると、ヘッダーとフッターのURLとページ番号が表示されません。

これがWindowsに当てはまるかどうかわからない


-1

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

<html moznomarginboxes mozdisallowselectionprint>

htmlタグでは、使用する必要がありますmoznomarginboxes mozdisallowselectionprint。きっとお役に立てることと思います。


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

このリンクをチェック


1
こんにちはSOへようこそ。この質問に答えてくれてありがとう。あなたの答えの背後にあるより多くの説明とあなたの修正の背後にある論理を提供できますか?乾杯!
James Wong-モニカを

こんにちは、ありがとうございます。これは(少なくとも)chromeで完全に機能します。人々がなぜこの完璧なソリューションに反対票を投じたのかはわかりません。
サマン

-1

これが最も簡単な解決策です。私はインターネットでほとんどの解決策を試しましたが、これだけが私を助けました。

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

    @page :header {
        display: none
    }
}

1
これはどのブラウザで機能しますか?Chrome 80では機能しません。
ルーベンS

-3

ええと、私と自分のプロジェクトに対する答えが必要だったので、上から下までずっと検索しましたが、実際には、URLにどのような情報が表示されていても、実際には次のようになります。

if (!$_SESSION["valid_user"]) 

したがって、誰かがあなたの印刷されたページから正確なアドレスを入力したとしても、彼は得るでしょう...ログインページ:)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.