как лучше всего эмулировать мобильный для веб-разработчика - PullRequest
0 голосов
/ 06 июня 2018

Итак, я занимался веб-разработкой, используя инструменты, реагирующие на Chrome / Firefox, и просматривал «устройства», которые они получили

Однако есть вещи, которые выглядят совершенно иначе:

Firefox / Chrome IPhone 6 Plus

введите описание изображения здесь

Посмотрите, как меню гамбургера намного больше на реальном устройстве?Выглядит очень отличается от отзывчивого

Примечание: это происходит на всех мобильных устройствах с низким разрешением

Примечание²: я использую <meta name="viewport" content="width=device-width, initial-scale=1">.Попробовал пару других "мета", но ни один из них, похоже, не сработаллучший способ получить более точный результат того, как он будет выглядеть в мобильной версии

Спасибо за помощь!;)

1 Ответ

0 голосов
/ 06 июня 2018

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

Поскольку у всех нас нет доступа ко ВСЕМ этим устройствам, существуют такие службы, как BrowserStack , которые имеют физические удаленные устройства, на которых вы можете визуализировать свой сайт, а в некоторых даже используют DevTools.К сожалению, после бесплатной пробной версии требуется подписка, но если вы беспокоитесь о тестировании устройства на идеальном пикселе, это лучший сервис, который я нашел.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...