Что я могу сделать, чтобы iPhone 4 не отрезал мой заголовок при добавлении на главный экран?

У меня есть длинный заголовок веб-страницы, и при добавлении на главный экран в старых версиях iPhone весь заголовок отображается в диалоговом окне подтверждения. Когда я добавляю на главный экран в iPhone 4, заголовок отключается после 12-го символа. Есть ли способ остановить эту резку, чтобы iPhone показывал полный заголовок по умолчанию?

Ответ 1

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

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

Обновление:. Начиная с iOS 6, вы можете использовать метатег для установки имени вашего приложения, отображаемого на главном экране. Полная информация и инструкции доступны здесь.

Ответ 2

По-видимому, будет недокументированный метатег

<meta name="apple-mobile-web-app-title" content="Title" >

в iOS 6, чтобы решить эту проблему.

Ответ 3

Используйте короткий заголовок страницы с этим кодом:

<script type="text/javascript">
  if( navigator.userAgent.match(/iPhone/i) || 
      navigator.userAgent.match(/iPod/i) || 
      navigator.userAgent.match(/iPad/i)
    ) {
         document.title = "Short title";
      }
</script>

Но вы не можете использовать полный заголовок.

Ответ 4

Вы можете изменить заголовок для iOS-устройств, как ответил woodleader, но это изменит его в обычном мобильном сафари. Только пользователь может изменить заголовок webapp. Это невозможно сделать с помощью метатег или программным способом. Поэтому вам просто нужно выбрать более короткий заголовок или оставить его пользователю, который, скорее всего, изменит его, если он слишком длинный.