Здравствуйте, использую WebStorm. Встала необходимость сверстать макет сразу под мобильные устройства, а так же для пк и планшетов, как вы верстаете под разные платформы сразу же, пробовал использовать просмотр chrome мобильный режим, но что-то на телефоне все равно отображается не так, как в хроме.
Собственно вопрос, что лучше использовать для верстки на разных платформах, чтобы эмулировать поведение, а не проверят на разных девайсах.
Так, скорее всего, не получится. Сколько верстаю, всегда находится какой-нибудь баг на каком-нибудь устройстве. Лучше всего верстать так, чтобы это не вызывало каких-либо сложностей в зависимости от разрешения экрана и плотности пикселей и проверять верстку в хроме и на телефоне, т.е оставить всё так, как есть.
Еще есть разные сервисы для того, чтобы отображать как оно выглядит на разных устройствах, но они, как правило, не удобные.
К сожалению эти сервисы не покрывают случаи со странностями отрисовки (моргания, артефакты при анимациях и т.д.), так же если вы имеете дело с приложениями то все еще хуже так как надо либо писать на селениуме что-нибудь для установки прекондишена, либо... никак.
Кроме Device Mode в Хроме можно: (если живете на windows)
- vmware + Образ OS-х + Xcode - эмулятор Iphone / Ipod
- Android Studio - Эмулятор Android
80-90% устройств у вас под контролем(если конечно они не используют сторонние браузеры).
Кроме этого есть USB дебаг как минимум на адроиде.
Ну а если хватает денег - лучше иметь физически разные устройства.
Для начала выберите стратегию разработки, Mobile first Или Desktop first и постепенно продвигайтесь в глубь, от смартфона к десктопу или же наоборот, в зависимости от выбранной вами стратегии. По возможности обязательно тестируйте на физическом устройстве.
