Сообщений в теме: 6

[Alec78787]

Уважаемые коллеги! 

 

Вероятно многие из вас пользуются Chrome DevTools, а именно функцией эмуляции мобильных устройств для того, чтобы проверить как тот или иной сайт будет выглядеть на мобильном устройстве с определённым разрешением - видны ли все кнопки и т.п. 

 

Я столкнулся со следующей проблемой. На физическом мобильном устройстве в браузере, скажем это хром, определённое место на экране занимают также строка состояния и адресная строка, которые в Chrome DevTools не показываются. 

 

Таким образом проверка на эмуляторе оказывается в значительной степени бесполезной. 

 

Physical Device:

 

 device.png   74,32К   0 Количество загрузок:

 

Emulator: 

 

 emulator.png   43,28К   0 Количество загрузок:

 

 

Не знаете ли вы случайно как заставить Chrome DevTools показывать строку состояния и адресную строку. 

 

Заранее спасибо!

[Spock]

возьмите например Android Studio или какой-нибудь эмулятор Андроида, создайте профиль нужного девайса с нужной версией операционки

 

и откройте там Хром

[Snap]

Таким образом проверка на эмуляторе оказывается в значительной степени бесполезной. 

 

Почему бесполезной? На что по вашему она влияет?

[Spock]

 

 

Почему бесполезной? На что по вашему она влияет?

гляньте сами на скриншот, там же видно

 

в Хроме выставлено разрешение девайса - а надо выставлять высоту экрана минус хедеры, то есть высоту вьюпорта браузера

[Snap]

 

 

 

Почему бесполезной? На что по вашему она влияет?

гляньте сами на скриншот, там же видно

 

в Хроме выставлено разрешение девайса - а надо выставлять высоту экрана минус хедеры, то есть высоту вьюпорта браузера

 

Ну я вообще-то у топикстартера спрашивал. Непонятно, на что может влиять высота экрана в данном случае. Строка состояния/адресная строка могут лишь закрывать собой часть экрана, но не влиять на верстку.

[Spock]

 

 

Строка состояния/адресная строка могут лишь закрывать собой часть экрана, но не влиять на верстку.

вот как они влияют:

 

контент адаптируется к высоте вьюпорта, пересчитывает что и где отобразить

видно же на скриншоте что появилось пустое место из-за возможного бага в пересчете

[Snap]

 

 

 

Строка состояния/адресная строка могут лишь закрывать собой часть экрана, но не влиять на верстку.

вот как они влияют:

 

контент адаптируется к высоте вьюпорта, пересчитывает что и где отобразить

видно же на скриншоте что появилось пустое место из-за возможного бага в пересчете

 

Мне кажется, там дело совершенно не в высоте, а в ширине. Страницы разительно отличаются.