На сколько точны эмуляторы устройств в брузерах?

Question

[vasIvas]

В google chrome Apple iPhone 6 имеет размеры 375х627, а так ли это на самом деле?
То есть, размеры-то наверное точны, но точны ли они с учетом браузера, в котором
просматривают приложение-сайт? Или все же эти инструменты могут лишь установить
рамки реальных размеров, а мы сами должны в уме прикидывать, как будет в оригинале?

Answer 1

[Максим Тимофеев]

Все эмуляторы, это из области - скорее всего все будет так. Были баги на ios7 с еденицами vh и vw, которые не мог отловить не в одном эмуляторе. Но в целом - естественно это ориентир.

Comments

[vasIvas]

а сейчас с vw, vh что? Тоже проблемы?

[Дмитрий Королёв]

vasIvas: caniuse.com/#feat=viewport-units

[Максим Тимофеев]

vasIvas: Да, они просто не работают на многих яблочных девайсах, в основном на тех, что под управлением ios7 (причем не зависимо от браузера), поэтому пишу для них отдельные медиа запросы

[vasIvas]

Максим Тимофеев: а може немного подробней о медиа запросах? Я впервые с ними столкнулся только вчера и не совсем понимаю, чем они могут помочь. Хотя с их помощью можно установить принадлежность текущего устройства к конкретному размеру и уже вживую устанавливать размеры в px. Вы так делаете?

[Максим Тимофеев]

ну вот для iphone и ipad можно использовать следующие:
СОБАКАmedia screen and (device-aspect-ratio: 40/71)
СОБАКАmedia all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)
СОБАКАmedia all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)

Answer 2

[Дмитрий Королёв]

Размеры - точны, за них переживать не стоит. Важнее то, что отображается - вот это вот как раз не всегда может совпадать. Точнее, практически никогда не совпадает на 100%, хотя и бывает близко к этому. Чуть-чуть ближе к реальности https://www.browserstack.com/ - там они используют официальные эмуляторы iOS, Android и Opera Mobile. Впрочем, всё это можно при необходимости и на собственный компьютер установить.
Но тестирование на живом устройстве всё равно ничто не заменит. Хотя б на айфоне (не особо важно, какого поколения, главное - чтоб более-менее iOS свежая стояла) и на андроиде посмотреть надо, если ориентируетесь на мобильные устройства.

Answer 3

[Алексей]

Чуть дополню ответ Дмитрий Королёв. У меня основную боль вызывала не отрисовка, а поведение устройства - что будет происходить когда откроется клавиатура, когда сделаете свайп за край и т.п. Это даже на эмуляторах как-то не очень тестировать - не чувствуешь как устройством в руке будешь пользоваться, но если речь идёт о простом сайте без заморочек и если совсем негде тестить - то браузер лучше чем ничего.