Как тестировать верстку под Ipad Pro - без Xcode?

Есть вот такая страничка:
http://webmaster.ayrveda.ru/ecoline-windows-test-task/
Пытаюсь разобраться, как верстать под Ipad Pro.
В фаербаге в эмуляторе мазиллы - вроде бы все нормально выглядит:

введите сюда описание изображения

Но в эмуляторе Google Chrome все печально:

введите сюда описание изображения

Вопрос:
Почему это происходит и какому эмулятору больше верить можно?
(как отображение данной страницы будет выглядеть в реальной жизни?)
Какой подход применять в данном случае для решения проблемы?



Ответы (1 шт):

Автор решения: Sergey Rufanov

Используйте сервисы наподобие Browerstack или Saucelabs.

Если же хочется быть независимым от сторонних сервисов - можно взять любой более-менее современный Мак(ну или собрать Хакинтош), да тестировать через эмуляцию в XCode(прикрутив, допустим Selenium и завернув это все в CI).

Ну а если не хочется технических заморочек и есть ресурсы - проще купить набор наиболее популярных на рынке устройств, для "живого тестирования". Причем это касается не только устройств Apple, но и устройств на Android(особенно от Samsung, с их любовью к "быть не как все").

"Device Mode" из "Chrome Dev Tools" умеет только подменять параметры(размер, dpi) Viewport-а, изменять медиум(дисплей/печать/голосовой помощник),заголовок User-Agent, режимы курсора - для полноценного тестирования верстки на других устройствах и в других браузерах этого явно не достаточно..

→ Ссылка