Wie verwende ich Firebug mit Druckvorschau in Firefox?

Question

Mögliche Duplizieren:
How to see the print media CSS in Firebug?

Ich arbeite an einer Plone-Website mit vielen @import und verknüpften CSS und ich versuche, die Web Developer Toolbar verwende nur den Druck CSS zu zeigen, .

Leider auf dieser speziellen Website die Druck-CSS der Web-Entwickler-Toolbar hat viel weniger Stile als normale "Druckvorschau", wird nicht zurückgesetzt, ohne die Seite in einem neuen Tab wieder zu öffnen, und scheint in der Regel gebrochen. Wikipedia reagiert zum Beispiel besser auf dieselbe 'view only print css'-Option.

Wie kann ich Firebug mit einer print-preview-esque Präsentation verwenden? Könnte ich die Druckbarkeit verschiedener CSS-Deklarationen in einer mit dem Webentwickler kompatiblen Toolbar ausdrücken?

Answer 1

diese gefunden, Hexe könnten Ihnen helfen: http://neutroncreations.com/blog/easy-print-css-coding-using-firebug-and-web-developer-toolbar/

... Von Firefox mit seinen zwei engen Freunden mit; Firebug und Web Developer Toolbar (Sie benutzen diese immer für das Front-End-Engineering, richtig?), Wir können die Arbeit an einem Druck-Stylesheet so einfach wie für den Bildschirm machen. Beobachten.

Zuerst öffnen Sie Ihre Website in Firefox, dann werden wir die Web Developer Toolbar bitten, die Seite mit Ihrem Druck statt Bildschirm CSS zu rendern, indem Sie CSS → CSS nach Medientyp wählen → Drucken von der Web Developer Toolbar ...