メッセージ

2010年09月16日の記事

2010/09/16(木)Chrome に印刷プレビューは無い

2017/10/12 4:05 雑多なトピック
仕事の某所依頼元から、
「印刷プレビューすると、一部が白抜きになるんですけど・・・」
という問い合わせが来て、何のことかとしばし考える。。

ブラウザではちゃんと表示されるのですが、確かに印刷プレビューすると、白抜きになるのです。

こんな感じでCSS使っていると、提起の現象は発生します。

<HTML側>
<div class="info3">
 有限会社 ○○○○○○<br>
</div>

<CSS側>
div.info3 {
 font-family: "MS ゴシック", "Osaka";
 font-size : 38px;
 background-color: #ffcc33 ;
 border-style: solid ;
 border-color: #ff6600 ;
 padding : 5px ;
}


この状態で、ちょうど、background-color が全く機能しない状況になります。
これは、IE や Firefoxのツールバーで、

ファイル(F)→印刷プレビュー(V)→ページ設定(Alt+U)

で表示されるウィンドウにて、

背景の色とイメージを印刷する(C)

にチェックを入れた状態(IE8の場合)にしておくことで解決します。
ところが、Chrome は印刷プレビューがありません。
なので、白抜きになってしまう可能性があります。
つか、Chrome で印刷操作したら、見事に白抜きになってしまいました...orz

また、強引に印刷プレビューをつけることは出来るようです。
Google Chromeで印刷プレビューを使う方法 〔適宜覚書-Fragments〕

この方法は、IE8 の機能を使うだけなので、Chrome の印刷プレビューは出来ません。
IE8 で印刷するイメージが表示されます。

つまり、Chrome の機能にて、印刷の縮小サイズなどの設定が出来ず、正しい印刷イメージが表示できないので不便を強いられます。こだわりがある方は注意が必要です。