Выяснил по моему окончательную причину! Что за бред... Если подключать этот файл manifest.json, который содержит вот что
{ "name": "App", "icons": [ { "src": "\/android-icon-36x36.png", "sizes": "36x36", "type": "image\/png", "density": "0.75" }, ]}
То перестает работать. Если файл удалить, то все начинает работать как и нужно.
Браузер другой не пробовал. Кеш чистил. Но я кажется нашел!!! Но я не могу понять, как это влияет!!! Суть вот в чем, на сайте, где все ок, там иконки для сайта прописаны по дефолту, я их еще не менял
<link rel="shortcut icon" href="{THEME}/images/favicon.ico"> <link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png"> <link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet"> <link rel="stylesheet" href="{THEME}/js/font-awesome/css/all.css">
А на сайте, где НЕ РАБОТАЕТ, то там выглядит вот так
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet"> [smartphone]<link rel="stylesheet" href="{THEME}/js/font-awesome/css/all.css" >[/smartphone]
Вот я либо совсем идиот или я не знаю, эти эе строчку ну никоем образом не влияют же на параметр
<meta name="apple-mobile-web-app-capable" content="yes">
Но происходят какие то чудеса и оно начинает работать
Интересен еще такой момент, что сейчас проверил всё это на 4 разных айфонах. Пытался добавить все эти же сайты из моего поста, итог такой, что на всех 4 смартфонах сайт про работувтиньке выглядит ПОЛНОЭКРАННО, сайт серча тоже, а остальные из теста так же нет. У меня почему то ощущение, что на это влияет не только 1 этот параметр в МЕТА. Потому что если б это как то рандомно бы сейчас работало, то ну на одном из 4 айфонов то сработало бы с нужным сайтом в полный экран 🤔
Хотя странно, сейчас тестирую, этот форум нормально добавляется, а например мой сайт новый и вилсаком например не работает так как надо на полноэкранный режим 🧐
UPD Не понимаю, почему это работает не со всеми сайтами.. Например, мой древний сайт https://rabota-v-tinkoff.ru все хорошо, через закладку ДОМОЙ запускается как приложение, на полный экран! Мой новый сайт, нифига так не запускается (ну то есть все признаки что страничка через браузер запущена). Например сайт https://dle-news.ru тоже не работает в пояноэкранном режиме через закладку ДОМОЙ, а вот например https://searchengines.guru/ru РАБОТАЕТ! Не могу понять на каком этапе это управляется? По логике же это вообще от кода не должно зависеть? это же вроде функционал именно операционно и браузера? Почему тогда на одном сайте это работает а на другом нет?!
Параметры отвечающие за это на всех сайтах одинаковые
Просто сделайте всё правильно. Как именно, я уже озвучил. Это всё, что от вас требуется.
Почему там работает, а там нет - считайте обычной случайностью.
Да ерунда все это. На всех других сайтах мой код работает, видимо что то наворотил с движком и теперь надо понять что... На чистом дистрибутиве все работает 🧐 только мне теперь не понятно что именно влияет на это 🤨
Там не работает тоже.
Если работает, то чисто случайность. Может устройство ещё поддерживает такое, может просто кэш какой сохранился.
Вот на самом первом скриншоте, там первые два сайта, это тоже мои и на всех трех все одинаково прописано. Первые два сейчас удалял, добавлял по новому, все везде появляется с иконками, а вот третий озвученный домен - облом.
Они не для вашего движка нужны, а для устройств пользователей.
Да, может быть не влияет особо, но эта поддержка может прекратиться.
Да вопрос даже не в этом. Меня больше интересует почему на одном домене работает, а на втором нет, хотя все полностью идентично начиная от адресов, заканчивая размерами картинок и их формата, везде все одинаково сделано, но на одном работает, а на втором нет(
В шапке у вас ссылки на иконки имеют неправильный путь.
Путь должен быть полный, включая протокол и домен. У вас же протокола и домена нет. Возможно из-за этого.
Перед тем, как написать, я менял для теста полный путь и чистил браузер. Вопрос в том, почему тут cheapshot.ru все работает как надо, а на этом моем сайте нет! Везде прописано все одинаково, пути не полные (хотя они для DLE не нужны). Везде все одинаково, одинаковые размеры6 одинаковые записи, но на одном домене работает, а на другом нет!
Так и в манифесте перечисляются просто нужные размеры, а они у меня все прописаны сразу
Так а как же тогда на всех других сайтах работает? Там тоже нет манифеста этого
