Webサイトをプリントする場合、背景画像を強制的に表示させることは可能ですか？

Question

お聞きしたいのですが、Webサイトをプリントする場合、デフォルトのプリント設定だと背景が表示されませんが、ブラウザのクロムの場合
cssの設定で
@media print {
body {
-webkit-print-color-adjust: exact;
}
}
を記述するとプリントのオプション設定をしなくても背景が表示されるのですが、
他のブラウザでも同様の設定を行うcssやjsなどの記述はありませんでしょうか？
（phpとかサーバーサイドでの設定方法でも構いません）

Answer 1

プリントする際のクライアントの要望です

それはなぜ？

デフォルト印刷しないになっているのは、便利だからです。
ユーザが印刷する際に背景まで印刷してしまうと、インクを消費しすぎてしまうでしょう。
また、カラー印刷ならきれいかもしれませんが、モノクロ印刷なら読みずらいものになってしまうかもしれません。

Answer 2

本題とは違いますが
Webサイトをプリントする場合、背景画像を強制的に表示させることは可能ですか？
Webサイトをプリントする場合、背景画像を強制的に表示させることは可能ですか？
マルチポストをするならばその旨を書くべきであると考えます。
(マルチポストはどこのサイトでも嫌われます)

各ブラウザで適切な設定を行えば可能ですが恐らくユーザーに印刷してもらうことを想定しているのですよね？

Comments

[hiroyukioguni]

Cf_cwd様　　大変失礼いたしました。案件で取り急ぎ解決方法を知る必要があり、取り急ぎ複数の掲示板に投稿させていただきました。以後気をつけます。

「各ブラウザで適切な設定を行えば可能ですが恐らくユーザーに印刷してもらうことを想定しているのですよね？」→プリントする際のクライアントの要望です。どのブラウザからもプリントする際に、ユーザー側で設定をせず背景を表示できるようにしてほしいとの要望なので上記の内容で回答を求めています。

[Cf_cwd]

調べてみたところやはりユーザー設定に左右されることは回避不可能であると考えられます。
その為、私が個人的に思いついた方法を提示いたします。
(但し構成も作業もすべて含め非常に汚い)

サイト全体をposition : absolute、z-indexを使用しレイアウトする。(div#wrapperなどに対して)
ｂody直下にimgタグを使用しposition:absoluteとz-indexを使用し背景画像を配置する。
(この際サイトの裏側に回るようにz-indexを指定する)

これで当方で確認した限りでは印刷時、背景画像を表示しない設定でも表示されています。
ですがこの方法ですとコーディング的にも非常に汚く、div#headerなどにbackgroundを指定している場合それが表示されません。
(つまり同様の方法でheaderなどに画像を配置する必要が出てくる。現実的な手法だと思えないが可能)

この場合画像はあらかじめ作成するサイトとサイズを合わせておくかJSで合わせる必要が出てくる。
canvasとjsを使って実現する場合も特別な設定なしで印刷で表示できるようす。
(そのような方法をhttp://honttoni.blog74.fc2.com/blog-entry-203.htmlが示してくれている)

印刷用のページを用意しておいてそこにはサイトを画像化したものを置いておくというような解決策もありますがこれはクライアントが記事をいじる場合に不可能ですね。
(つまるところサイトを背景込みで画像化して表示させることができれば印刷させることができるでしょうね)

ただ当然ながら一番いいのはクライアントを説得することでしょう。
(恐らくであって私が知らないだけかもしれませんが)仕様的に不可能であることを告げるのが良いのではないでしょうか。
(印刷時の各ブラウザでの設定方法をサイトに記載するなどの提案をするなどして)