javascript「print()」について

Question

「window.print();」を使用してページ内容を印刷できる機能を実装したいです。
現状は出力しようとしたときにページ内でjQuery UIのblind等を使用しており、
その影響だとは思いますが、全てがブラウザで表示されている通りに出力されません。
「window.print();」で表示された内容通りに印刷するためにはどのような考慮点がありますでしょうか。
もしくは、ブラウザの表示内容を（一部とかではなく）全て印刷できるようなAPIなどありますでしょうか。

Answer 1

表示内容によります。
ブラウザ内容印刷自体がそもそも補助的な機能で、CSSの反映だったり動的に変更している箇所だったりをそのまま画面キャプチャをとったかのように印刷出力するものではありません。
一応、印刷画面用にCSSを採用することが出来るので、そこで妥協することになるのではないでしょうか。
（ブラウザの種類やバージョン、プリンタの設定にも依存する部分なので確実な対応は難しいです）

Comments

[syncrock]

回答ありがとうございます。
media="print"とか@printとかでしたっけ。
やはりそのようなことを考慮した上で・・となるんですかね。
確実な対応が難しいという点理解致しました、ありがとうございます。

[m.ts10806]

はい。別画面を用意するほどではないですが印刷用cssを準備して印刷に適合した別対応をするところが多いと思います。

[syncrock]

cssの内容によるところもあると思うので、一概には言えるものではないと思いますが、画面に適用している通常のcssを「media="screen,print"」のような形でprintにも設定したとしても、ブラウザのによってはcssがうまく適用されずに印刷されようとしたりする。。。んですよね、きっと。。
印刷しながらcssを新しく整備していく形になるんですかね。。。

[m.ts10806]

印刷に効くもの効かないものありますから。そこは使えるstyleでやるしかないです。

[syncrock]

やりとりさせて頂きありがとうございました。
色々とやりながら、cssの観点で実現可能か不可能かを見定める必要がありそうです。
BAとさせて頂きます。

[m.ts10806]

解決されたようで何よりです

Answer 2

印刷ボタンなどで印刷したいときにはボタンを押したときに
印刷用にフォーマットされたページを別に開き、
印刷用のcssを適用させた上で
印刷処理をするともろもろの課題が減るでしょう

Comments

[syncrock]

回答ありがとうございます。
やはり別に印刷用画面が必要になりそうですね。
他の方が言われてる通り、動的な値などは厳しそうですね。