Как максимально правдоподобно смоделировать поведение сайта в мобильном браузере?

Question

[ILoveYAnny]

Здравствуйте, вопрос следующий. На ПК сайт ведёт себя нормально, на планшете тоже - однако у меня на телефоне (Nexus 4) в Хроме происходят страшные вещи. Я бы очень хотел в этот момент покапаться в коде. Но однако такое происходит только у меня на телефоне (кеш чистил), даже на Айфоне всё хорошо, и я не как не могу отловить проблему. Все сервисы, которыми я пользовался по адаптации сайта не используют в полной мере мобильных технологий, инструмент в консоли хрома тоже результата не дал. Даже в Яндекс Вебвизоре, я таких проблем не видел - однако на телефоне они есть .. :( Как можно решить проблему ?

Answer 1

[Никита Геннадич]

Как вариант, если вы работаете в Eclipse, можно поставить ADT (плагин), Android SDK и JDK + JRE, после чего в эклипсе можно будет запускать практически полноценный эмулятор андроида, в котором уже и открывать сайт.

Совет может выглядеть достаточно дурацким, однако у многих почти всё из указанного уже стоит (Eclipse+JDK+JRE).

Ещё могу посоветовать подобные вещи отлаживать не в Хроме а в Мозилле, и проверять на IE, а уже потом проверять в Хроме. Чаще всего при таком подходе получается уменьшить количество гимора.

Answer 2

[Кирилл Арутюнов]

Попробуйте https://www.browserstack.com/
Из физических устройств, там правда Nexus 5 и выше, но мало ли — удастся отловить баг.

Comments

[ILoveYAnny]

Насколько я помню, Браузерстэк делает скриншоты. а мне бы в коде покапаться)

[Кирилл Арутюнов]

ILoveYAnny: вообще-то он позволяет работать с сайтом. У них есть физические устройства, на которых запускается браузер и вам передается картинка с этого устройства.

[Евгений]

ILoveYAnny: регулярно использую этот сервис. Не смотря на то, что физические устройства вроде как физические, данный ресурс позволяет дебажить код. Очень удобно.

Answer 3

[Кирилл]

Как уже советовали - Remote debugging. Но можете еще вот эту штуку посмотреть https://www.genymotion.com/