ブラウザで印刷プレビュー画面を出す

記事投稿日: 2014年2月7日

印刷プレビュー画面を出すための仕組み。
将来的には、もっと簡単にできてもいいと思いますが、
JavaScript でやるしかないようです。

[2015.08.04 補足]
上記は古いIEのみで動くようです。XPでの案件で使っていました。

下記のプラグインではIE7以下以外では動作するようです。FireFoxで動作確認しました。
「Webページの印刷プレビューを見やすく素早く表示させるjQueryプラグイン・Print Preview」
ただ、CSSの調整が必要なのか、単純にH1の見出しをつけて表示させたら、文字の高さがつぶれました…。

プレビューを出さず、印刷ダイアログを出して、即印刷するなら下記がシンプルでした。
「指定範囲を簡単に印刷するjQueryプラグイン jPrintArea.js が便利な件」
印刷の範囲を指定できるのは便利ですね。

残念ながらあまり時間がないので、詳しい検証はしていません。
いずれ似たような案件があって、調査に時間がとれましたら、ご報告いたします。