iOS и Windows — платформы которыми пользуются миллиарды людей. Первая — облегченная OS X от Apple, ориентированная на мобильные устройства. Вторая — изначально десктопный вариант операционной системы от Microsoft, но, под влиянием конкуренции, получившая жизнь и на мобильных устройствах.Именно по-этому интегрировать вебсайт на разнообразных, во всех пониманиях этого слова, устройствах, которые находятся под управлением вышеописанных ОС, — это достаточно весомый шаг по его популяризации.
Открыв новоиспеченное приложение на устройстве под управлением iOS вы увидите Firstvector.org, но без каких либо элементов браузера или ОС. Только сайт, его контент и ничего больше. 
Windows 8 условно разделена на две части. Первая — изначальный (старый?), десктопный, вариант, вторая — плиточный интерфейс (Metro UI) ориентированный на устройства с тачскрином. Если приложение создается в Metro IE, то на внешний вид его пиктограммы можно влиять (изображением выше можно увидеть оба варианта), иначе же, при использовании оконного IE, создается стандартная, для таких случаев, плитка единственным графическим элементом которой является favicon.Запустив сайт-приложение в среде Windows вам отобразиться сайт, но в окне стандартного браузера (IE). Примечание:Создать сайт-приложение можно только при помощи стандартных браузеров.
У Apple это Safari, у MS — Internet Explorer.
Манипуляции с исходным кодом и файлами
1. Создаем каталог assets, с подкаталогами apple и win8, в корневой директории серверахостинга.2. Готовим четыре квадратных изображения-логотипа для iOS в формате png и загружаем их по адресу /assets/apple/. Размеры: 57×57, 72×72, 114×114, 144×144. (примеры есть в архиве и исходниками)
Примечание:
Округлять углы не нужно! iOS сделает это самостоятельно.
3. Готовим логотип для Windows в формате png. Размер: 144×144. Фон: прозрачный. После завершения работы над логотипом необходимо подготовить столько иконок (формат ico, 16×16), сколько разделов вы хотите разместить в вызываемом контекстном меню. Примечание:Во избежание уродства прозрачный фон для логотипа обязателен, а иконки разделов необязательны.
В случае их отсутствия будет взят favicon.
4. В каталоге /assets/ создаем файл ios.js и заполняем его следующим содержимым:
jQuery(document).ready(function($){
$('a').live('click',function(e){e.preventDefault();window.location=$(this).attr('href');});
});Примечание:Для работы вышеприведенного кода обязательно наличие подключенного jQuery. Задача, возложенная на него, не давать открывать Safari при клике по ссылке,
а серфить сайт внутри приложения.
5. Открыть /engine/engine.php, найти:
$metatags =