プラカンブログSTAFF BLOG

2015.05.26

ローカル環境での印刷プレビューチェックには気をつけよう

LISA99_MBA20141018102742500

はじめに

(大)と申します。
月に1本はブログを書かなければならないという社命が出ましたので、今後月に1度は皆様のお目に触れる機会があると思います。
どうぞよろしくお願いいたします。

さて、今回はタイトルにある通り「ローカル環境での印刷プレビューチェックには気をつけよう」という内容をお送りします。

まずは、お急ぎの方への結論

ローカル環境とネット環境では印刷プレビューが違うからローカル上でチェックせず、面倒でもネット環境にアップロードしよう!です。

顛末

先日、弊社Hと小一時間迷走した話になります。
業界を悩ませているまだまだ残るIE旧バージョンへの対応問題。
私のPCもまだ需要があるため、アップデートはせずIE8で確認しています。

全ページ印刷プレビューチェックをしなければいけない案件があり、弊社HよりIE8で印刷プレビュー確認をしてくれないか、と頼まれました。
色々事情があったので、ローカル環境でチェック開始。
結果、ほとんどが「縮小して全体を印刷する」で1ページ内に収まらず全滅…リニューアル前の公開中のサイトはちゃんと1ページ内収まっているのに、一体なぜ…。
これはいかんぞということで色々試しました。

  • 公開中のサイトには何かJSが入っているのではないか→入っていませんでした
  • 印刷用CSSの記述を入れれば良いのではないか→上手くプレビューされず
  • 他に同じ現象にあっている人はいないか検索→出てきませんでした
  • 印刷用CSSを使用していない弊社制作の他のサイトはどうか→綺麗に見える

完全に出口を失い、迷走している時に弊社Hが言いました。
「テスト環境ではちゃんと印刷プレビューされている!」

結局、はっきりとした原因はわかりませんが、どうやらJS等の兼ね合いでローカル上だと印刷プレビューはうまく機能しないということがわかりました。
もっと早くにネット環境で確認していれば…。

最後にローカル環境での印刷プレビューとネット環境での印刷プレビューのイメージ図を載せておきます。
(諸事情によりキャプチャ画像は載せられませんでした…お察しください)

印刷プレビューのイメージ図


伝わりましたでしょうか。

未検証なので、他のバージョンのIEだとまた事情が変わってくるかもしれません。
ですが、何事も面倒がらずにアップロードして確認した方が確実かと思われます。
解決しようと検索した際にあまりにも出てこないため、これはWEB制作として初歩中の初歩の話で「うわっ…この話、恥ずかしすぎ…?」とも思いましたが、備忘録として残したいと思います。

個人的に迷走した様子が面白かったのでカテゴリ「おもしろ」に追加しましたが、これをご覧の方は果たして面白い内容なのでしょうか(´_`;)ウーン

この記事は、OHMATA が書きました。