Bug 25866 – Printing using media type other than "print"

• Status: NEW
• Component: WebCore Misc.

[Jakob Truelsen]

Sometimes it would be nice to print using the screen media type instead of papir, e.g. when you print a page to pdf document most of the time you will want it to look exactly like it did on screen.

[Jakob Truelsen]

Created attachment 30474 [details]
Patch implementing screen mediatype printing

[Eric Seidel (no email)]

Comment on attachment 30474 [details]
Patch implementing screen mediatype printing

The spacing around usePrintMediaType=true does not match WK Style guidelines: http://webkit.org/coding/coding-style.html

But why do we want this?  When are pages going to specify a print media type and the user wish to override it?  This kind of override is not possible in normal applications on the desktop.

What port would use this flag?

[Jakob Truelsen]

Created attachment 30499 [details]
Now with corrected whitespace

I'm using it in this application:
http://code.google.com/p/wkhtmltopdf/

I will submit the patches to the QT port later if/when this gets accepted

[Alexey Proskuryakov]

Could you achieve the same by removing unneeded stylesheets from DOM before printing?

It seems strange to special case "print" and "screen" - e.g. "projection" is something that clients may want to print, too.

[Maciej Stachowiak]

Comment on attachment 30499 [details]
Now with corrected whitespace

r- based on Alexey's comments. Does his suggested workaround work? If so, we probably shouldn't hack WebCore to add this capability.

[Jakob Truelsen]

I do not believe that the workaround will work. Most pages have no css that talk directly about mediatype, however WebKit (and other browsers) render it very differently anyways. I could just be some different default CSS values, but I think that this is not the case.

[Alexey Proskuryakov]

*** Bug 29861 has been marked as a duplicate of this bug. ***

[Alexey Proskuryakov]

*** Bug 30621 has been marked as a duplicate of this bug. ***

[Jack Cushman]

The need for this patch (and various workarounds) is still being discussed downstream, primarily at:

https://github.com/ariya/phantomjs/issues/10623

But also e.g.:

https://github.com/ariya/phantomjs/issues/10669
https://groups.google.com/forum/#!topic/phantomjs/AD3zyRdkkfs
https://groups.google.com/d/topic/phantomjs/AU84T8K5zsg/discussion
https://github.com/imakewebthings/deck.js/issues/121

The usecase is, when you are using a headless browser like PhantomJS, it is often desirable to take a screenshot that:

(1) accurately reflects what a user would see in the browser;
(2) uses vector rather than raster format (much higher quality, much lower file size).

Both are 'easy' to accomplish by printing to PDF with the desired media type.

As Alexey noted, there are workarounds that try to manipulate the DOM to make the print media type look right, but they can't be counted on to fulfill goal (1) for arbitrary pages.

[Simon Scheurer]

There are many requests regarding this feature and the answer is often:
a) What is the use case and 
b) Why don't you change the page styles before printing

For us the use case is to provide proof in case of litigation (for the end user but as well for corporates). We have a solution to record web publication and also interactions and from given interaction points create PDFs because they are easier to transport and retain.

It is essential there that the page can be captured the way the user has seen it and not in some print view that is different.

We cannot change the page styles, because the solution can be applied to any web-page. We cannot just ask all the customers to change all their pages.

it would be enough to even have some global configuration flag to trigger a given behavior (that by default is obviously the way it is today). But it is really a pity, that there is simply not other option currently than to use a patched version of WebKit (we just adjust
void FrameView::adjustMediaTypeForPrinting(bool printing)
{
    if (printing) {
        if (m_mediaTypeWhenNotPrinting.isNull())
            m_mediaTypeWhenNotPrinting = mediaType();
            setMediaType("print");
    } else {
        if (!m_mediaTypeWhenNotPrinting.isNull())
            setMediaType(m_mediaTypeWhenNotPrinting);
        m_mediaTypeWhenNotPrinting = String();
    }
}
in https://github.com/ariya/phantomjs/blob/master/src/qt/qtwebkit/Source/WebCore/page/FrameView.cpp). We would like to have the option to just work with an unpatched version.