ページ下部に印刷されているURLを削除したいのですが。
お気に入り:
yomari.com/.../main.php?sen_n
それをどのように省略したり、印刷されないようにすることができますか?
より具体的には、Webページの印刷中に、ページのURL、日付、およびページタイトルが印刷されないようにする方法はありますか?
ページ下部に印刷されているURLを削除したいのですが。
お気に入り:
yomari.com/.../main.php?sen_n
それをどのように省略したり、印刷されないようにすることができますか?
より具体的には、Webページの印刷中に、ページの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>
ページからブラウザーの印刷オプション(ヘッダー、フッター、マージン)を無効にする方法に関する回答を参照してください。
そして@pageの仕様
margin-bottom: 0mm;
ブラウザ側で何かを見つけました。
この手順を試してください。ここでは、3つの主要なブラウザーすべてでヘッダーとフッターを無効にする手順について説明しました。
Chrome ブラウザの右上隅にあるメニューアイコンをクリックします。印刷をクリックします。[オプション]セクションの[ヘッダーとフッター]をオフにします。
Firefox ブラウザの左上隅にあるFirefoxをクリックします。[印刷]をクリックし、[ページ設定]をクリックします。[余白とヘッダー/フッター]タブをクリックします。ヘッダーとフッターの下の各値を--blank--に変更します。
Internet Explorer ブラウザの右上隅にある歯車のアイコンをクリックします。マウスを[印刷]に合わせ、[ページ設定]をクリックします。ヘッダーとフッターの下の各値を-Empty-に変更します。
URLの表示はブラウザクライアントの設定であり、ページ内で実行されているスクリプトにはアクセスできません(正直に言うと、ページが静かに自分自身を印刷することもできません)。
クエリ文字列による情報の「漏えい」を回避するには、POST経由で送信します
ヘッダーとフッターの下のコードを使用してページのマージンを設定すると、印刷ページからヘッダーとフッターが省略されます。私はこれをFireFoxとChromeでテストしました。
<style media="print">
@page {
size: auto;
margin: 0;
}
</style>
これは私を助けました: リンクのないページを印刷します
@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-Redirectで表示できます。
pfd_for_printing-folderで生成されたPDFは、キャッシュとして機能し、ジョブによって1日1回削除される可能性があります。
<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>
@media print {
#Header, #Footer { display: none !important; }
}
このリンクをチェック
これが最も簡単な解決策です。私はインターネットでほとんどの解決策を試しましたが、これだけが私を助けました。
@print {
@page :footer {
display: none
}
@page :header {
display: none
}
}