Как адаптировать ваш сайт под iPhone X? Рассказывает Apple

28

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

В число нововведений iOS 11.2 вошел обновленный набор инструментов API для WebKit — технологии, которая лежит в основе браузера Safari. Обновленные инструкции, доступные на специальной странице, позволят веб-разработчикам сделать так, чтобы просмотр их сайтов на экране iPhone X не вызывал раздражения и разочарования.

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

28 комментариев

  1. 0

    Пошёл писать. (отправлено из приложения AppleInsider.ru)

  2. 8

    Apple сами создали проблему, а теперь заставляют других её решать. Неужели они сами не могли сделать так, чтобы браузер не отображал сайты в районе выреза экрана, чтобы браузер начинался после выступа? Тогда никаких проблем бы не было. А то сами создают проблемы и на других скидывают их решение. (отправлено из приложения AppleInsider.ru)

    • 0
      Designer_Andrew

      美少女, Ну собственно не велика проблема, нужно чтобы браузер предоставлял возможность масштабирования, в случае, если месте выреза есть что-то важное на странице. Хотя в 99% в этом месте обычно ничего важного не бывает. (отправлено из приложения AppleInsider.ru)

    • 0

      美少女, Ну вообще адекватные разработчики всегда оставляют отступ справа и слева. Просто это не всегда 20 пикселей, бывает и меньше

  3. 4

    Нагородим-ка мы геморроя на дисплей, чтобы сайты смотрелись современно. А разработчики? Ну что разработчики? Они ж рабы на галерах. Пущай костыли городят и рушат свои макеты в угоду нашему видению! (отправлено из приложения AppleInsider.ru)

  4. 1
    shizlemynizzzle

    Не знаю ни одного человека который смотрел сайты не в альбомной ориентации, а воообще пользовался телефоном так. Так что проблем не вижу

    • -7

      shizlemynizzzle, Приплюсуюсь. Дятлы, смотрящие сайты на айфоне в горизонтальной ориентации идут лесом.

      • 0

        weart, Тут такое дело. Есть ещё много..кхм..»разработчиков» которые слышать не слышали про адаптивность для смартфонов. (отправлено из приложения AppleInsider.ru)

        • 0

          Bishop, да ну ты брось. Это отдельная статья расходов, за которую заказчик не всегда готов платить, особенно если это большой проект (что на порядок увеличивает конечный ценник). А простые сайтики подогнать под девайсы не сложно.

      • 0

        weart, «вы просто его неправильно держите»

  5. 1

    Многие просто забьют на этот косяк. Не такая уж и проблема.

  6. 2

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

    Может просто на телефон забить? Ну щас, из-за него «одного» переписывать весь инет 🙂

  7. -2

    Ну это же очевидно, что этот дисплей полныц шлак, зачем эта бровь или как там её 😂😂😂

    Самсунг плохой но экран у него без брови выглядит лучше! (отправлено из приложения AppleInsider.ru)

    • 0
      shizlemynizzzle

      CAMOKAT, Человек может привыкнуть по всему, так мы устроенв

    • 0
      Designer_Andrew

      CAMOKAT, У самсунга выпилены пиксели и снизу и сверху, а у айфона лишь только там, где нельзя не выпилить. При том, что никакой софт не сможет вернуть самсунгу пиксели, а для айфона, при желании, можно просто поставить соответствующие обои — и вот и квадратный дисплей, если уж так хочется. (отправлено из приложения AppleInsider.ru)

  8. 0

    Уверен такую форму дисплея будут иметь многие смартфоны 2018 года, да и следующее поколение Х так же будет иметь бровь) отличный дизайн, мне нравится! Главное удобно и не мешает. (отправлено из приложения AppleInsider.ru)

    • 0

      araikk, Я думаю, что это как раз недостаток. Ничего не должно загорождать изображение, — это аксиома. Но люди конечно привыкнут, раз Эпл так сделала, значит так надо 🙂

      Могли бы сместить датчики немного выше и не делать этот вырез на экране. В будущих девайсах я думаю эту проблему решат

  9. 0

    Новость ни о чем. Ссылка и стандартное заключение с введением, что бы знаком побольше было. (отправлено из приложения AppleInsider.ru)

  10. 0

    А почему нельзя повернуть телефон в другую сторону, например? Чтоб бровь была справа. Там ведь на всех сайтах пусто! (отправлено из приложения AppleInsider.ru)

    • 0

      Danger, большинство контента адаптируется под полный экран. Да, немного меньше вероятность справа — не каждая строка идет до правой границы параграфа и т.п. Но проблема от этого не уходит…
      Я тоже не понимаю, почему нет глобальной настройки ограничивать по-умолчанию область отображения программ(ы) той, где нет наложения «брови». Те программы, которые умеют ее поддерживать — вперед, те, кто не умеют, получали бы нормальное отображение с полями не за счет мучений пользователя (да и программистам работы — ого-го, я уже попробовал адаптировать свою программу под Х)…

  11. 0

    «современно» — это с вырезанным куском что ли?

Авторизуйтесь Чтобы оставить комментарий