1065414 - Add iPhone 6s / 6s Plus resolutions to Responsive Mode presets

Status: RESOLVED FIXED

(DevTools :: Responsive Design Mode, defect)

Description

[Jean-Yves Perrier [:teoli]]

Current presets doesn't include the 2 new resolutions of iPhone 6/6S. Developer are likely to test at those resolutions often and very soon.

iPhone 6: 1334 ×750 (326 ppi)
iPhone 6S: 920× 1080  (401 ppi)

Comment 1

[Paul Rouget [:paul]]

What are these values precisely? Browser size with no viewport?
That should also include the new width=device-with sizes (I've heard it's not 320 anymore).

Comment 2

[Jean-Yves Perrier [:teoli]]

Hi Paul,
I wasn't able to find more info on an Apple realm, so I guess it is the browser size with no viewport, but the most reputable and precise info I found is this one: http://mydevice.io/devices/

iPhone6+: physical (wxh): 1080x1920 device-{width,height}: 414x736
          ratio: 2.6  phys ppi: 401  CSS ppi: 249
iPhone6:  physical (wxh): 1080x1334 device-{width,height}: 375x667
          ratio: 2  phys ppi: 326  CSS ppi: 192
iPhone5:  physical (wxh):  640x1136 device-{width,height}: 320x568
          ratio: 2  phys ppi: 326  CSS ppi: 192

Hope it helps.

Comment 3

[Paul Rouget [:paul]]

(In reply to Jean-Yves Perrier [:teoli] from comment #2)
> Hope it helps.

It does.

Comment 4

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

Jan, maybe you'd like to add these devices to the device list?  Or if not, how would I get access to do so?

We'll soon expose it in responsive design mode finally (bug 1172309).

Comment 5

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

Ah, I spoke too soon, I guess the devices in comment 2 are already there!

But we should add the new 6s / 6s Plus sizes.

Comment 6

[Jan Keromnes [:janx]]

Sure! Let's add these, and maybe a couple more new devices. As a reminder:
- The sources are here: https://github.com/jankeromnes/devices (will eventually be moved to github.com/mozilla/)
- The live CDN version is here: https://code.cdn.mozilla.net/devices/devices.json

The live version can be updated with AWS credentials, but I generally update it whenever I accept a pull request / push a change to the repository.

Comment 7

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

These devices have been added to device list in used by new RDM shipping in Firefox 52.

Comment 8

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

https://github.com/mozilla/simulated-devices/commit/3e9f520a9530eb567ea2b958398b42572bdc926b