PWA фиксированный размер экрана - PullRequest
Новая
       9

PWA фиксированный размер экрана

0 голосов
/ 24 августа 2018

Уважаемое сообщество!

Я пытаюсь создать PWA, и главное, чтобы после установки на ПК / Mac был установлен экран фиксированного размера.Я объявил «display»: «автономный» в манифесте.Он работает правильно, но при открытии на Mac или Windows я могу изменить его с помощью курсора.Есть ли способ сделать это?

Спасибо!

1 Ответ

0 голосов
/ 31 августа 2018

Вы можете прослушать window 's resize событие и принудительно изменить размер. Вы действительно можете изменить размер окна, но оно вернется к желаемому размеру.

В этом разделе проверяется, что это происходит только в установленном приложении, а не на вашем веб-сайте. Улучшение будет заключаться в том, чтобы делать это только на Mac / Win, а не на мобильных ОС, но в мобильных устройствах это игнорируется, как в браузере. 

// insideInstalledApp.js
export default () =>
  window.matchMedia('(display-mode: standalone)').matches ||
  window.navigator.standalone === true

Это просто требует определенного размера. 

// forceScreenSize.js
import insideInstalledApp from './insideInstalledApp'

export default (width, height) => {
  if (insideInstalledApp()) {
    window.addEventListener('resize', () => {
      window.resizeTo(width, height)
    })
  }
}

Вызов в главном файле (в этом случае приложение React) 

// index.js
import forceScreenSize from './forceScreenSize'

// ... other initialization code here
forceScreenSize(270, 480)
...