Bug 197486
| Summary: | Responsive Design Mode doesn't simulate screen size | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Xidorn Quan <xidorn-webkit> |
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED MOVED | ||
| Severity: | Normal | CC: | bfulgham, inspector-bugzilla-changes, karlcow, pangle, webkit-bug-importer |
| Priority: | P2 | Keywords: | CanvaBug, InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | All | ||
| OS: | All | ||
Xidorn Quan
Some apps choose to use screen size (as opposed to viewport size) as a factor for their responsive design.
Safari doesn't seem to simulate screen size (obtained via `window.screen`) when in Responsive Design Mode, which makes it hard to debug those web apps.
Steps to reproduce:
1. open a website
2. click Develop / Enter Responsive Design Mode
3. click Develop / Show JavaScript Console
4. enter "screen" and enter
Expected result:
It should have a screen object with width and height for the device.
Actual result:
The screen object has the width and height of the current desktop screen.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/97361332>
Patrick Angle
<rdar://44222660>
Brent Fulgham
The cause of this issue is in code outside of WebKit, so resolving as MOVED.