それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

chrome で印刷プレビューのCSSをデバッグ表示するには

印刷プレビューのCSSを触りたい

印刷プレビューの media type print css をいじったりチェックしたり、デバッグしたり、表示おかしいので直したいときがあります。

CSSのプリントを印刷プレビューでチェックするのは途方も無い時間がかかる。

そこで、印刷プレビューでレンダリングしてくれるモードが、開発ツールになる。

chrome の開発ツールでメニューからRenderingを選ぶ

開発ツールの下側のメニュー → レンダリングを選ぶ

f:id:takuya_1st:20190918001744p:plain

media type を print にする

プリントにすると、印刷プレビューがブラウザに表示される。これで楽になるね!

f:id:takuya_1st:20190918001804p:plain