ユーザーページを印刷時にフッターにURLを表示する方法

ウェブページを印刷する際に、ページ下部にURLを表示させることは、閲覧者や管理者にとって便利な情報です。特にユーザーページの印刷では、どのページから印刷されたかを記録するためにURLをフッターに入れることが役立ちます。

ブラウザの印刷設定を利用する

多くのブラウザでは、印刷ダイアログからヘッダーやフッターの表示設定が可能です。例えば、Google Chromeの場合は「詳細設定」を開き、「ヘッダーとフッターを印刷」にチェックを入れると、ページタイトルやURL、日付などが自動でフッターに表示されます。

この方法は、特別なコードを追加せずに簡単に設定できるため、手軽に利用できます。

印刷専用のCSSを作成することで、ユーザーページのフッターにURLを自動で表示することも可能です。@media printを使用して印刷時のみ表示させるスタイルを設定できます。

@media print { footer { display: block; content: url(document.location.href); } }

ただし、この方法はブラウザによってサポート状況が異なるため、事前にテストが必要です。

ユーザーページを印刷時にフッターにURLを表示させるには、まずブラウザの印刷設定を活用するのが最も簡単で確実です。よりカスタマイズしたい場合は、印刷専用CSSでURLを表示させる方法も検討できます。用途や環境に応じて適切な方法を選択してください。