2016-12-17 2 views

ответ

1

Включите эти метатеги в файле <head> вашего index.html. В iOS это будет имитировать webapp, который можно добавить на главный экран.

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-title" content="AppTitle"> 

<link rel="apple-touch-icon" href="/custom_icon.png"> 
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png"> 
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png"> 
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png"> 

<link rel="apple-touch-startup-image" href="/launch.png"> 

Для того, чтобы иметь иконку и нагрузку запуска изображения правильно для каждого устройства, ваши изображения должны иметь точные размеры, описанные в руководстве пользовательского интерфейса Apple, связанных ниже. Если изображения не указаны с этими размерами, они не будут загружаться.

Launch Screen Dimensions

App Icon Dimensions

Configuring Web Applications

Это Gist также показывает все доступные мета-теги: https://gist.github.com/tfausak/2222823

+0

, что не было, что я спрашиваю, потому что я могу получить первую страницу, чтобы быть WebApp но когда я нажимаю ссылку на iframed webapp, он загружает ее на сафари –

Смежные вопросы