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

Question

[Владимир Куракин]

Я проверил вёрстку на адаптивность при помощи F12, проверил все разрешения экрана. Всё хорошо работает. Значит ли это, что и на всех мобильных устройствах всё будет хорошо? Или мобилки могут отображать сайт совсем по-другому?

Comments

[runapa]

в мозилле попробуй ctrl + shift + m

[Ankhena]

Или мобилки могут отображать сайт совсем по-другому?

Даже не сомневайтесь.

Есть https://www.browserstack.com/

[Владимир Куракин]

Ankhena, а каким образом тогда настраивать адаптив, если медиазапросов и метатега вьюпорт не достаточно?

[Ankhena]

Владимир Куракин, дело не в meta и media, а в работе браузеров.
И тестировать нужно на реальных устройствах.

Answer 1

[kocherman]

Необходимо тестировать не только разные разрешения, но и разные media-селекторы. На современных мобильных телефонах разрешения давно превышают FHD, а половина сайтов отображается убого, это исправляется галочкой в меню "Версия для десктопа". Правда, пользуются этой галочкой в основном разработчики. Также отдельно стоит протестировать версию для печати.

Более расширенные возможности тестирования - в версиях браузеров для разработчиков.
https://www.google.com/chrome/dev/
https://www.mozilla.org/en-US/firefox/developer/

https://chromium.googlesource.com/chromium/src/+/m...

Также, если ресурсы компьютера позволяют, можно поставить Android-Studio.
https://developer.android.com/studio/
Там есть эмуляция реальных условий устройств от Google.

Answer 2

[Kirill Makarov]

Вместо response можно выбрать марку телефона. Далеко не факт что на всех

Answer 3

[Den Sabrov]

Нет, этого не достаточно. Например, работа Chrome от Safari отличается кардинально.

Советую посмотреть в сторону сервиса Lambda. Вы сможете протестировать свой сайт на реальных устройствах прямо из своего браузера.

Comments

[Владимир Куракин]

Спасибо, хорошо. Но в таком случае, допустим, что обнаружились недочёты, как их лечить? Не прописывать же кучу разных стилей под разные устройства?

[Den Sabrov]

Владимир Куракин, ручками. Этот вопрос объёмен, на него невозможно ответить в рамках одного комментария. Это из серии "как починить машину, если что-то сломается".