Чтобы убрать или выводить определённые элементы сайта для разных режимов отображения, то правила стилей заворачивайте в такой код - где:
/* Отображать как в браузере - до установки приложения */ @media all and (display-mode: browser) { } /* Отображать с минимальным функциионалом (в ios не работает) - после установки приложения */ @media all and (display-mode: minimal-ui) { } /* Отображать в автономном режиме - после установки приложения */ @media all and (display-mode: standalone) { } /* Отображать во весь экран - после установки приложения */ @media all and (display-mode: fullscreen) { }
Чтобы убрать или выводить определённые элементы сайта для разных режимов сети, то правила скриптов заворачивайте в такие события - где:
// нет интернета window.addEventListener('offline', function() { }); // есть интернет window.addEventListener('online', function() { });