Разработка сайта под Android Chorome

Иногда сайт в мобильном браузере выглядит не совсем так как на компьютере. Разобраться что не так можно соединив Google Chrome с телефоном. Для этого нужно…

— На компьютере должен быть установлен USB драйвер и SDK (точнее ADB). Проверяем запущен ли ADB выполнив команду в cmd

adb kill-server && adb start-server

— На девайсе должна быть включена отладка по USB.

— Запустить Google Chrome на компьютере и зайти в

chrome://inspect/

или в инструментах разработчика (Ctrl + Shift + I) -> Меню -> More tools -> Remote devices

— Выбираем нужную вкладку и нажимаем «inspect»

Если все равно есть сложности, можно воспользоваться разными правилами для разных браузеров:
Для Firefox

@-moz-document url-prefix() {
padding: 4px 10px;
}

Для Chrome

@media and (-webkit-min-device-pixel-ratio:0) {
div{top:10;}
}

Проблемы с соединением:
— USB-соединение — Камера PTP
— Неоригинальный провод
— Разрешение на отладку для девайса по USB

Полезные ссылки по теме:
Get Started with Remote Debugging Android Devices
How to Debug your website in Android Chrome

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *