CODEWITHSUNDEEP
htmlcssprinting
kaze
kaze

Reputation: 4359

Debug/inspect the print version of a web page

I'm working on a small part of a large web site. I'm having some problems with the print version of a page, which uses <css media="print">. I wonder if there is a way of displaying the print version of the page in the browser, so that I can inspect it and find the errors.

Upvotes: 3

Views: 4494

Answers (3)

Vanilj
Vanilj

Reputation: 104

The extension Web developer (http://chrispederick.com/work/web-developer/) has a display print style function that may help you.

Upvotes: 3

Rohith
Rohith

Reputation: 1321

I think you have to create another page which is optimized for printer (printer friendly page), and Just add $(document).ready(function() { window.print(); }); Then change the link to the 'print' button to this new file.

Upvotes: 1

Billy Moat
Billy Moat

Reputation: 21050

If you have a style sheet set to "screen" and another one set to "print" you could temporarily change the "print" one to also be "screen".

Upvotes: 4

Related Questions