Как определить поддержку полноэкранного API с чистого JavaScript?

Question

Это API, на который я ссылаюсь: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

Что касается того, что я пробовал до сих пор:

У Modernizr есть Modernizr.fullscreen, но мне не хочется использовать еще одну библиотеку для простой задачи.

Итак, я копаю исходный код Modernizr, чтобы попытаться выяснить, как они это делают, ведь Modernizr использует JS, чтобы понять это, верно? Но пока что все, что я нашел о полноэкранном API в их исходном коде, это этот файл (Modernizr / feature-детекты / fullscreen-api.js)

/*!
{
  "name": "Fullscreen API",
  "property": "fullscreen",
  "caniuse": "fullscreen",
  "notes": [{
    "name": "MDN Docs",
    "href": "https://developer.mozilla.org/en/API/Fullscreen"
  }],
  "polyfills": ["screenfulljs"],
  "builderAliases": ["fullscreen_api"]
}
!*/
/* DOC
Detects support for the ability to make the current website take over the user's entire screen
*/
define(['Modernizr', 'prefixed'], function(Modernizr, prefixed) {
  // github.com/Modernizr/Modernizr/issues/739
  Modernizr.addTest('fullscreen', !!(prefixed('exitFullscreen', document, false) || prefixed('cancelFullScreen', document, false)));
});

... и я не совсем понимаю этот код. еще.

Answer 1

Следующий фрагмент кода кажется лучшим решением:

const fullScreenAvailable = document.fullscreenEnabled || 
                            document.mozFullscreenEnabled ||
                            document.webkitFullscreenEnabled ||
                            document.msFullscreenEnabled