Chromeでmedia printを確認・デバッグする方法
Chromeで印刷時の確認したい場合に、毎回印刷していると紙がもったいないですね。
私はとにかくエコなので、印刷時のmedia printを確認できないか調べてみたところ、どうやらChrome,FireFoxなら可能なようです。ただ、FireFox派じゃないのでChromeでの確認(デバッグ)方法をご紹介します。
まず、F12で開発者ツールを開きます。
右上にある三点リーダーをクリックして「More tools」-「Rendering」を選択します。
Renderingタブが開くので、一番下にスクロールします。
すると、「Emulate CSS media」があるので「print」選択します。
これでブラウザがプリントアウトされる時と同じ状態になります。開発者ツールを閉じるとEmulateは解除されます。
現状、IEでこのような機能は見つけることができませんでした。
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
コメント