Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I use Firebug with print-preview in Firefox? [duplicate]

Possible Duplicate:
How to see the print media CSS in Firebug?

I'm working on a Plone website with plenty of @import and linked CSS and am trying to use the Web Developer Toolbar to show only the print css.

Unfortunately on this particular website the web developer toolbar's print css has way fewer styles than regular 'print preview', won't reset without opening the page again in a new tab, and seems generally broken. Wikipedia for example responds better to the same 'view only print css' option.

How can I use Firebug with a print-preview-esque presentation? Could I be expressing the printability of different CSS declarations in a more web developer toolbar compatible way?

like image 693
joeforker Avatar asked Nov 03 '10 18:11

joeforker


1 Answers

Found this, witch might help you out: http://neutroncreations.com/blog/easy-print-css-coding-using-firebug-and-web-developer-toolbar/

... By using Firefox with its two close friends; Firebug and Web Developer Toolbar (you’re all using these daily for front-end engineering anyway, right?), we can make working on a print stylesheet as simple as one for the screen. Observe.

First, open your website in Firefox, then we’ll ask Web Developer Toolbar to render the page using your print rather than screen CSS by choosing CSS → Display CSS By Media Type → Print from the Web Developer Toolbar...

like image 146
Nicolai Avatar answered Sep 19 '22 08:09

Nicolai