1288922 - Add the ability to view a page with the print media css

Status: RESOLVED DUPLICATE of bug 1534984

(DevTools :: General, enhancement, P3)

Description

[Jeff Muizelaar [:jrmuizel]]

Chrome has this and it's very useful for debugging print layout

Comment 1

[Brian Grinstead [:bgrins]]

This was hard to find in chrome 54 so leaving steps: open split console drawer, click the vertical '...' icon on the left, click 'rendering', then click 'emulate CSS media' and 'print' should be selected in the drop down.  'screen' is the other option in the dropdown.  This feature has moved around apparently a lot: http://stackoverflow.com/questions/9540990/using-chromes-element-inspector-in-print-preview-mode.

To implement this, we'd need to figure out (1) if there's existing platform support to emulate print media and add it if not and then (2) where this would go in the UI.  Is it an inspector feature, style editor, responsive design mode, or some hidden toolbox setting.  Helen, any ideas and/or has this feature been considered as part of the updated responsive mode?

Comment 2

[Helen V. Holmes (:helenvholmes) (:✨)]

We currently have this in the Developer Toolbar, so it's relatively hidden.

I don't think it belongs in the new responsive design mode, personally; RDM to me is much more about multi-viewport design, not print layout.

I think personally this belongs in Settings. I don't think it's obvious where it goes in Settings yet, but that's where I think we should plan to move it.

Comment 3

[Soledad Penades [:sole] [:spenades]]

I believe this is a duplicate of Bug 1534984