重複の可能性:
Firebug で印刷メディア CSS を表示するには?
私はたくさんの@importリンクされた CSS を持つ Plone Web サイトで作業しており、印刷 CSS のみを表示するために Web 開発者ツールバーを使用しようとしています。
残念ながら、この特定の Web サイトでは、Web 開発者ツールバーの印刷 css のスタイルが通常の「印刷プレビュー」よりもはるかに少なく、ページを新しいタブで再度開かないとリセットされず、一般的に壊れているように見えます。たとえば、ウィキペディアは、同じ「表示のみの印刷 css」オプションに対してより適切に応答します。
印刷プレビュー風のプレゼンテーションで Firebug を使用するにはどうすればよいですか? Web 開発者のツールバーと互換性のある方法で、さまざまな CSS 宣言の印刷可能性を表現できますか?
これを見つけたら、魔女が助けてくれるかもしれません: http://neutroncreations.com/blog/easy-print-css-coding-using-firebug-and-web-developer-toolbar/
... 2 人の親しい友人と共に Firefox を使用することによって。Firebug と Web Developer Toolbar (いずれにせよ、フロントエンド エンジニアリングのためにこれらを毎日使用していますよね?) を使用すると、印刷用スタイルシートでの作業を画面用のスタイルシートと同じくらい簡単にすることができます。観察。
まず、Firefox で Web サイトを開きます。次に、Web 開発者ツールバーから [CSS] → [メディア タイプごとに CSS を表示] → [印刷] を選択して、画面 CSS ではなく印刷用 CSS を使用してページをレンダリングするよう Web 開発者ツールバーに要求します。