Браузер Safari

12
i.lisovenko
На сайте с 14.01.2022
Offline
52
406
Всем привет! Интересует такой вопрос, может кто сталкивался? Раньше, если через браузер сафари сайт добавить на экран домой в айфоне, то при запуске такой закладки, сайт работал в полноэкранном режиме, то есть пропадала строка с адресом и тд, выглядело как просто приложение. Сейчас пытаюсь это проделать и фиг там. Это у меня какой то глюк? или это глюк операционки 18.5?
Халява - и точка https://halyavaitochka.ru
i.lisovenko
На сайте с 14.01.2022
Offline
52
#1

Хотя странно, сейчас тестирую, этот форум нормально добавляется, а например мой сайт новый и вилсаком например не работает так как надо на полноэкранный режим 🧐

UPD Не понимаю, почему это работает не со всеми сайтами.. Например, мой древний сайт https://rabota-v-tinkoff.ru все хорошо, через закладку ДОМОЙ запускается как приложение, на полный экран! Мой новый сайт, нифига так не запускается (ну то есть все признаки что страничка через браузер запущена). Например сайт https://dle-news.ru тоже не работает в пояноэкранном режиме через закладку ДОМОЙ, а вот например https://searchengines.guru/ru РАБОТАЕТ! Не могу понять на каком этапе это управляется? По логике же это вообще от кода не должно зависеть? это же вроде функционал именно операционно и браузера? Почему тогда на одном сайте это работает а на другом нет?!

Параметры отвечающие за это на всех сайтах одинаковые

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

i.lisovenko
На сайте с 14.01.2022
Offline
52
#2

Интересен еще такой момент, что сейчас проверил всё это на 4 разных айфонах. Пытался добавить все эти же сайты из моего поста, итог такой, что на всех 4 смартфонах сайт про работувтиньке выглядит ПОЛНОЭКРАННО, сайт серча тоже,  а остальные из теста так же нет. У меня почему то ощущение, что на это влияет не только 1 этот параметр в МЕТА. Потому что если б это как то рандомно бы сейчас работало, то ну на одном из 4 айфонов то сработало бы с нужным сайтом в полный экран 🤔

i.lisovenko
На сайте с 14.01.2022
Offline
52
#3

Браузер другой не пробовал. Кеш чистил. Но я кажется нашел!!! Но я не могу понять, как это влияет!!! Суть вот в чем, на сайте, где все ок, там иконки для сайта прописаны по дефолту, я их еще не менял

        <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">

Но происходят какие то чудеса и оно начинает работать

i.lisovenko
На сайте с 14.01.2022
Offline
52
#4

Выяснил по моему окончательную причину! Что за бред... Если подключать этот файл manifest.json, который содержит вот что

{
"name": "App",
"icons": [
  {
   "src": "\/android-icon-36x36.png",
   "sizes": "36x36",
   "type": "image\/png",
   "density": "0.75"
  },
]
}

То перестает работать. Если файл удалить, то все начинает работать как и нужно.

i.lisovenko
На сайте с 14.01.2022
Offline
52
#5
Delysid #:
Прикольный бот. Я понимаю, нужно больше кода, больше, поисковики возьмут.  😀

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

Но столкнулся теперь с другой проблемой. Вот если я просто захожу в браузер через телефон, то верхняя часть браузера принимает цвет такой какой прописан в BODY. А если через закладку домой, чтоб сайт был полноэкранным, то такая фишка не работает и верхняя часть экрана становится черной)

i.lisovenko
На сайте с 14.01.2022
Offline
52
#6
Вот примеры с картинками. Это просто стандартно зашел на сайА вот это когда через полноэкранный режим и вкладку с рабочего стола. Итог: такое себе решение (картинки подтер)
Kaavain
На сайте с 28.07.2015
Offline
166
#7
Манифест.жсон должен быть и должен быть правильно оформлен. Только он отвечает за поведение веб-странице на экране айфона. 
Могу порекомендовать только хостинг: https://traf.at/vps - за 3 года все на 4++ и цены не подняли. Ну и банк для белых ИП: https://traf.at/bankm
i.lisovenko
На сайте с 14.01.2022
Offline
52
#8
Kaavain #:
Манифест.жсон должен быть и должен быть правильно оформлен. Только он отвечает за поведение веб-странице на экране айфона. 

Я сейчас убрал файл манифест, несколько иконок прописал стандартными названиями, теперь все заработало. Но самый прикол в том, что при полноэкранном режиме верхняя часть браузера красится только в 2 цвета (белый и черный) и от этого пропадает эффект, как смотреть просто через браузер.

Kaavain
На сайте с 28.07.2015
Offline
166
#9
i.lisovenko #:

Я сейчас убрал файл манифест, несколько иконок прописал стандартными названиями, теперь все заработало. Но самый прикол в том, что при полноэкранном режиме верхняя часть браузера красится только в 2 цвета (белый и черный) и от этого пропадает эффект, как смотреть просто через браузер.

Нужен манифест, айфон должен знать, что это типа «приложение» а не просто закладка. Я не у компа, могу пример привести попозже. 

i.lisovenko
На сайте с 14.01.2022
Offline
52
#10
Kaavain #:

Нужен манифест, айфон должен знать, что это типа «приложение» а не просто закладка. Я не у компа, могу пример привести попозже. 

Да я с этого и начал, проблема в том, что если есть файл манифест, то перестает работать полноэкранный режим. На том сайте где нет манифеста, полноэкранный режим работает! Сейчас проверил это. Ну двух сайтах убрал манифест (там где не работал полноэкранный режим) и сразу все заработало, но появилась новая проблема, в полноэкранном режиме не так работает верхняя часть телефона как в браузере. Если я посещаю сайт с браузера, то верхняя часть телефона, такая же по цвету как мой бэкграунд сайта. А вот если зайти через полноэкранный режим, то верхняя часть телефона красится в черный или белый цвет и это как я понял уже не исправить, так как почитал в интернете что у верхней части этой имеется всего 3 значения (Блэк, Вайт и дефолт).

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий