Веб-разработка: симуляция iphone с меткой в ​​браузере - PullRequest
0 голосов
/ 15 марта 2020

Я занимаюсь разработкой веб-сайта, который я хочу сделать совместимым с надрезами iphone (Iphone X, 11 и т. Д. c ..), но я не могу найти инструмент для правильной смоделируйте, как мой веб-сайт будет выглядеть на этих типах iPhone.

Например, нижний столбец пересекает нижний колонтитул со значками Это происходит, когда приложение загружается как PWA или когда закрывается «нижнее меню действий» браузера.

Похоже, не существует другого решения, кроме загрузки веб-сайта на телефон.

Вот результаты моего исследования:

  • Safari: не дает возможности имитировать веб-сайт с надрезом iphone
  • Chrome: есть опция показывать браузер в размерах iphone X, но он не имитирует вырез или нижнюю полосу.
  • Firefox: не дает опции

Приветствия

1 Ответ

0 голосов
/ 21 марта 2020

Я нашел способ сделать это на Ма c.

Запуск /Applications/Xcode.app/Contents/Developer/Applications/Simulator.app/Contents/MacOS/Simulator -CurrentDeviceID 8528838E-4B47-4F0E-B415-E87F8C8A6163 запускает симулятор iphone, который вы можете использовать для доступа к localhost. Вы также можете установить pwa на этом симуляторе, чтобы увидеть, как он выглядит.

Решение, найденное в этой статье

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