DevTools: add support for emulating media query display-modes
Reported by
trondkje...@appear.in,
Feb 1 2017
|
|||||||
Issue description
Chrome Version : 56.0.2924.76 (Official Build) beta (64-bit)
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
Safari:
Firefox:
IE:
What steps will reproduce the problem?
(1) Develop a progressive web app
(2) Open dev tools to debug "standalone" media query
(3) No such thing exists
What is the expected result?
A tab/dropdown/button somewhere (in the device emulation?) that forces the "standalone" (or any other, such as "print") media query, making CSS, JS selectors work for debugging purposes.
What happens instead?
-
Please provide any additional information below. Attach a screenshot if
possible.
,
Feb 1 2017
,
Feb 1 2017
,
Feb 1 2017
,
Feb 1 2017
You can emulate 'print' and 'screen' by opening the 'Rendering' tab in the drawer, and checking 'emulate css media'
,
Feb 2 2017
,
Feb 3 2017
Ah, yes, there is is. Thought I'd find it with the rest of the device emulation stuff (then again, "print" is not really a _device_). The various 'display-mode's (fullscreen, standalone, browser, minimal-ui – https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode) are not emulatable from anywhere still, AFAICS.
,
Feb 13 2017
,
Dec 8 2017
|
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by nyerramilli@chromium.org
, Feb 1 2017