PhoneGap, не правильно отображается верстка, как тестировать на андроиде?

Question

[Александр]

Добрый день!
Разрабатываю на PhoneGap, тестировал на пк в хроме, всё было хорошо. Начал тестить на андроиде (4.1.1) через приложение PhoneGap вся вёрстка послетела.
Как можно проверить в чём проблема? Интересует что-нибудь подобное, как chrome devtools.

Comments

[xmoonlight]

Скриншотики бы глянуть..

[Александр]

xmoonlight: скриншоты не помогут в ответе на мой вопрос

[xmoonlight]

Александр: без них - невозможно ответить на Ваш вопрос. Потестите вёрстку на других разных браузерах.

Answer 1

[xmoonlight]

Думаю, что вот это - подойдет.
Запускается сервер на ПК и коннектитесь к нему с андроида (надо приложение поставить с маркета). В нём - сокет-сервер.
После правки проекта и сохранения файла - изменения сразу отображаются на устройстве.

Comments

[Александр]

В вопросе я писал, что этим и пользуюсь. Мне нужно что-то типо девтулса для встроенного мобильного браузера, чтобы посмотреть в каких элементах происходит косяк

[xmoonlight]

Александр: вёрстка едет только в приложении PG? На мобильном браузере корректно отображается?

[Александр]

xmoonlight: да и во встроенном браузере андроида 4.1.1, в хроме на андроиде всё ок, на пк всё ок

[xmoonlight]

Александр: а в чем это выражается? смещение элементов/отступы?
может pure.css сначала заюзать, чтобы унифицировать стили по-умолчанию?

[Александр]

xmoonlight: кнопки "самописных табов" имеют высоту не правильную - растянулись по экрану, внизу кнопки пропали почему то. Использую normalize.css

[xmoonlight]

Александр: значит стили сброшены не до конца... *{margin:0;padding:0} такое вот есть в CSS? если нет - минимум должно быть.