Веб-приложение - значок приложения для iphone

хорошо, я искал в Интернете ответ, но пока не нашел решения.

Я пытаюсь добавить значок веб-приложения iPhone (тот, когда вы сохраняете веб-страницу на главном экране) с помощью следующего кода:

<link href="http://localhost:5001/Images/cc.png" rel="apple-touch-icon" />
<link href="http://localhost:5001/Images/cc-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="http://localhost:5001/Images/cc-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="http://localhost:5001/Images/cc-152x152.png" rel="apple-touch-icon" sizes="152x152" />

P.S. Я программирую в Visual Studio 2013 и запускаю приложение через локальный хост.

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

Заранее благодарю за любую помощь :)


person user3503414    schedule 07.06.2014    source источник


Ответы (1)


Добавьте простой код в HEAD вашего сайта, чтобы устройства могли найти ваши изображения, рекомендуется создать значок для соответствующих размеров и добавить их в корневую папку вашего сайта) Код выглядит следующим образом (согласно ios 7) -

<link href="http://www.yoursite.com/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="http://www.yoursite.com/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="http://www.yoursite.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="http://www.yoursite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />

person Wide Vision    schedule 09.06.2014