Не корректно отображается меню в PWA

Здравствуйте. Установил дополнение Progressive Web Apps (PWA) для InstantCMS

Компонент

Progressive Web Apps (PWA) для InstantCMS

от My-InstantCMS.Ru

Скачать 1 743 загрузки

После установки приложения на ПК, все меню отображаются как в адаптивной (мобильной) версии. Эта проблема уже существует давно у меня на разных сайтах и шаблонах. Как можно найти исправление?

А должно быть так

Не пойму как он повлиял на это, разве что «display»: «standalone». Он просто передает то что у вас на сайте. Если вы в браузере сузите размер страницы, то как будет выглядеть?

Незнаю. В других шаблонах тоже самое. Страницу не сужаю. Он как бы на полной версии становится мобильной. И почему-то автоматически сам сайт тоже становится таким как приложение. 

в файле hooks/engine_start.php компонента есть такие строки

if (cmsUser::getCookie('device_type') != 'mobile'){
				cmsUser::setCookie('device_type', 'mobile');
			}

таким образом принудительно задается мобильный вид при условии что 

if (isset($_GET['is_pwa']) && $this->cms_core->uri_absolute == '/'){

для чего это сделано, непонятно.

 Zau4man, Значит, если я уберу эту строку, то всё станет на свои места? Интересно что-то другое это не заденет? 

для чего это сделано, непонятно.

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

Если кому надо. Я обновил PWA, перейдя с устаревшего «sw-toolbox» на современный Google — Workbox. И добавил больше размеров иконок.

Устанавливаем не через админку, а по старинке, ручками. 

My-InstantCMS.Ru, сказал что этим уже не занимается.

Удалите старый sw-toolbox.js. Он уже не нужен… И пройдите наного 3 шага. Ну и в браузере «Unregister» И «Refresh».

Для самых смелых pwa.zip через админку.

Для самых смелых pwa.zip через админку.

 

Это изменённый компонент Парвиза? Если да, то в ручную изменю то, что выше написали.

Я не знаю кто такой Парвиз. Это тот же Автор что и на оригинальном плагине. Ставится поверх того что уже стоит. Назовем это версией 1.0.2

 Сразу не заметил такой косяк, ну как косяк. Не критичный, но если на десктопе удалить уведомление то в мобильной версии оно будет висеть (Cache). После установки надо заменить этот файл. 

/system/controllers/pwatools/backend/actions/sw.php

P>S. Плохо что нельзя удалить или редактировать пост. 

Сразу не заметил такой косяк, ну как косяк. Не критичный

Там был ещё небольшой, тоже не критичный косячок...))

instantcms.ru/blogs/moi-razrabotki/pwa-instrument.html#comment_117243

P>S. Плохо что нельзя удалить или редактировать пост. 

Лучше добавить новый пост с обновленным архивом)

 pupsik, спасибо, что занялись вопросом...

 RSN, Я поправил(надеюсь) то что вы упомянули. Поскольку у меня нет больше 1000, мне никак не проверить. Но должно работать. Тут файл sw.php уже не надо менять.

Лучше добавить новый пост с обновленным архивом)

Если в 1.0.3 не будет ошибок и все будет работать то да, можно создать. И будет как-то так:

Я поправил(надеюсь) то что вы упомянули. Поскольку у меня нет больше 1000, мне никак не проверить.

Пока занят, позже проверю, и отпишусь по результатам...

Счетчики работают. 

Спойлер

Пока не удалось добиться, установки PWA, давно не занимался в этом плане сайтом, Lighthouse показывает не оптимизирован под PWA

Спойлер

Lighthouse

Удалите старый sw-toolbox.js. Он уже не нужен…

Его вообще не должно больше быть? 

Может кто ещё потестит насчет установки приложения на телефон… Пока некогда этим заниматься...

Его вообще не должно больше быть?

Нет, он уже не нужен. Чистите Cache, и Переустановите а Апликациях

Если вы видите «Activated and is running», то все работает. Оптимизировать ваш сайт он не будет.

Устанавливается как и прежний PWA на мобильном устройстве. НИКАКИХ всплываюших окон для инсталяции я делать не буду(ибо за***ли они меня).

А при чем тут Lighthouse? Если у вас например «Сам сайт забит дерьмом или медленно работает или дофига ошибок » то он и в PWA так будет работать. Это же просто зеркало.

Устанавливается как и прежний PWA на мобильном устройстве. НИКАКИХ всплываюших окон для инсталяции я делать не буду(ибо за***ли они меня).

🤔Разве весь смысл этого приложения не в том, что бы предложить установить приложение (иконку) на рабочий стол?)

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

А при чем тут Lighthouse?

Lighthouse проверяет оптимизирован ли сайт под PWA, плашка «установить приложение» в браузере (на старом приложении PWA) всплывала в мобильном только когда Lighthouse показывал, что сайт оптимизирован под PWA.

Типа так:

instantcms.ru/blogs/moi-razrabotki/pwa-instrument.html#comment_107795

Собственно по PWA статья (устаревшая уже наверное):

habr.com/ru/companies/google/articles/414609/

И да, раз новая тема появилась наверное лучше продолжить обсуждать в ней...

Продолжение:

instantcms.ru/forum/obnovlennyi-pwa-so-statistikoi.html#post-370541