1. ホーム
  2. css

印刷可能なCSSのデバッグ方法は?

2023-08-16 11:30:06

質問

私は Firebug と IE Developer Toolbar をいつも使って、CSS のやっかいな問題をデバッグしています。 しかし、時折、ページを印刷しようとしたときにだけ表示される厄介なバグが発生します。

このような問題を診断するために、どのようなテクニック/ツールを使っていますか? 印刷表示で従来の CSS デバッグ ツールをもっと活用する方法はありますか?

更新しました。私の問題は、印刷された DOM を右クリックすることができないことです。 以下の他の回答のいくつかは非常に役に立ちました、ありがとうございます。:-)

どのように解決するのですか?

Chrome 51の場合。

devtools を開く ( CTRL + F12 または CTRL + SHIFT + I ) をクリックし ... メニューをクリックし More Tools > Rendering settings をクリックすると Rendering タブを開きます (コンソールが開いている場合は、このタブに移動するだけでもかまいません)。

そのタブで、以下のボックスを選択し、チェックします。 Emulate Media: print .