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

InstantCMS 2.X
#1 12 апреля 2026 в 22:45

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

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

Изображение

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

Изображение

#2 13 апреля 2026 в 02:23

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

Изображение

#3 13 апреля 2026 в 05:37

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

#4 13 апреля 2026 в 07:23

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

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

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

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

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

#5 13 апреля 2026 в 09:36

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

#6 13 апреля 2026 в 09:57
для чего это сделано, непонятно.
Zau4man

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

#7 14 апреля 2026 в 04:36

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

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

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

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

Изображение

Прикрепленный файл
pwatools.zip 45 Кб
#8 14 апреля 2026 в 04:52

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

Прикрепленный файл
pwa.zip 49 Кб
#9 15 апреля 2026 в 22:58

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

 
pupsik

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

#10 16 апреля 2026 в 00:25

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

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

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

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

Прикрепленный файл
sw-php.zip 2 Кб
#11 16 апреля 2026 в 06:58

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

pupsik

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

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

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

pupsik

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

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

#12 16 апреля 2026 в 15:19

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

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

RSN

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

Изображение

Прикрепленный файл
pwa-1-0-3.zip 49 Кб
#13 17 апреля 2026 в 15:24

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

pupsik

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

Добавлено спустя 5 часов

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

Изображение

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

Изображение

Lighthouse

Добавлено спустя 1 минуту

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

pupsik

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

Добавлено спустя 20 минут

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

#14 17 апреля 2026 в 15:35

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

RSN

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

Изображение

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

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

Изображение

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

#15 17 апреля 2026 в 17:46

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

pupsik

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

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

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

pupsik

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

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожее в блогах

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.