Как тестировать верстку под iphone?

Question

[GaserV]

Подскажите, как тестировать верстку под iphone? Слышал про SDK. Откуда его инсталить и как её юзать? Подскажите люди добрые) Потому что с ПК - сайт при адаптивке нормально смотрится, но, с айфона (и наверняка других мобильных устройств) смотрится коряво.

Answer 1

[Valery]

Ставите VMware. Берете образ Mac OS, например этот. Затем на готовой виртуальной машине ставите Xcode, где и будут доступны эмуляторы всех Apple-устройств, начиная с планшетов и заканчивая часами

Comments

[GaserV]

спасибо! Попробую

[Руслан Дасаев]

Сделал, как вы написали, при открытии xcode требует ввести пароль от учетной записи.Никаких пользователей с паролями я не добавлял и os загружается без пароля пользователя.Пытался добавить пароль, но его можно только заменить написав старый.Где его взять не знаете?

Answer 2

[Дмитрий]

Где тестировать вёрстку сайта для мобильных устройств? схожая тема

Comments

[Дмитрий]

deviceponsive.com - техника эпл

[Дмитрий]

можете еще это почитать habrahabr.ru/post/189726

[GaserV]

Дмитрий Крымцев: не фига. С айфона сайт по-другому смотрится, нежели с сайта-эмулятора.

[Дмитрий]

GaserV: ну тогда покупайте айфон или ищите тестеров. и еще айфоны бывают разные, 3.5\4\4.7\5.5 дюймов ;)

[GaserV]

Дмитрий Крымцев: у меня 5s. Но проблема в том, что я не могу с него сделать отладку и посмотреть, почему некоторые элементы не имеют ширину 100%
хотя в хроме у них 100%

Answer 3

[Wol_fi]

Эмуляция в хроме отображает достаточно достоверно. Так же проверяю в opera mobile (единственное, чтоб подключится к этому эмулятору, нужна старая версия десктопной оперы с dragonfly) www.opera.com/ru/developer/mobile-emulator .После проверки в вышеперечисленном, проблем на apple устройствах не возникает.

Comments

[GaserV]

Достоверно!? Вы серьезно? Посмотрите данную страничку в хроме например и после на iphone. elinadesign.ru/contacts.html

[Дмитрий]

GaserV: savepic.ru/7954166.jpg c iPhone 5

[GaserV]

Дмитрий Крымцев: вот. А я о чем говорю? Эмуляторы не верно отображают.

[Дмитрий]

GaserV: я вам выше написал что делать. или реальных людей просить, или самому устройства покупать ;)

[Wol_fi]

GaserV: Открыл в эмуляторе. Видно, что страница имеет лишний боковой скролл. i.imgur.com/2tVHVDS.png Потому, что у вас ширина инпута 410px в стилях задана, а ширина айфона - 320. Простите, у вас там позиционирование контактов на
. И при высоте ипнута 28px, падиинги съедают 20 из них, и размер шрифта при этом 13.3px. Тут не на эмуляторы пенять надо, такая разметка не годится для кроссдевайсности.

[GaserV]

Wol_fi: да боковой скролл то ладно. Его устранить не проблема. Я вижу этот косяк. Суть в другом. savepic.ru/7954166.jpg

Answer 4

[Ivanq]

В FireFox есть. Там есть хороший эмулятор. Для любых размеров.