A number of websites that I use have really bad stylesheets for the print media, but their screen stylesheets are quite good. Is there any way to tell my browser to ignore the print stylesheet and just print with the screen stylesheet? I'd also like to do this when I want to show clients the difference between the two. Thanks.
migrated from webmasters.stackexchange.com Aug 2 '12 at 11:37
This question came from our site for pro webmasters.
Using Chrome Developer Tools (Ctrl+Shift+I) is the only thing I have found that works.
This generally gives me the page with screen styling.
If you really just want to disable print styles, you can install the Web Developer extension (I think there is a version for Firefox and Chrome). It has a button to disable print styles. However, it does not extend the "screen" style to print, so most of the time it does not work the way you hope it will.
|show 3 more comments|
1.) Do anything James said ;)
You can check the output opening the Chrome Developer Tools settings (right bottom corner) and select in "Overrides" the option "Emulate CSS media print"-view. By toggling this option you can compare print and screen view. Have fun!
Now background-images and colors are printed as well.
Bug: Doesn't work with CSS sprites.
Try to enable