javascript/jquery: forcer le navigateur à afficher en plein écran sur android

J'écris une application web pour un appareil Android spécifique. Ce "site" devrait être affiché en mode plein écran.javascript/jquery: forcer le navigateur à afficher en plein écran sur android

J'ai trouvé le code ci-dessus en débordement de pile et cela fonctionne très bien avec un événement de clic, bien que la page devrait automatiquement s'ouvrir et rester en plein écran quand j'entre dans le site.

Je comprends le code, mais l'événement de chargement ne fonctionne pas. Est-il possible, javascript, jquery d'archiver cet objectif?

<script> 
var el = document.documentElement, 
rfs = el.requestFullscreen 
     || el.webkitRequestFullScreen 
     || el.mozRequestFullScreen 
     || el.msRequestFullscreen 
     ; 
    rfs.call(el); 
</script>

Source

2017-01-21 Mar Lon

utiliser l'événement document prêt? – mtizziani

Le lancement d'un site Web en mode plein écran peut être réalisé grâce à la fonction d'application Web de Google et à Chrome mobile.

Ajouter ceci à votre:

<link rel="manifest" href="manifest.json"> 
<meta name="mobile-web-app-capable" content="yes"> 
<link rel="icon" sizes="192x192" href="ico_lg.png">

Et enfin l'explication manifest.json par Mozilla https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json

Voici quelques autres Tipps de Google concernant le mode plein écran: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/

Source

2017-09-10 09:22:02

<head> 
    <title>Example</title> 
    <meta name="viewport" content="width=device-width, user-scalable=no" /> 
</head>

des thats d'une façon si vous utilisez html

Source

2017-01-21 22:16:21 mtizziani

user-scalable = non n'interdit pas à l'utilisateur de zoomer la page.Il n'a rien à voir avec le mode plein écran ou empêcher la page de quitter le mode plein écran. Il n'ouvre pas non plus une page en plein écran, ou ai-je totalement tort? –

viewport avec fait l'effet que je pense. toutes mes applications fonctionnent avec ce code et elles fonctionnent bien. – mtizziani

autant que je sais user-scalable = non a juste l'effet que vous ne pouvez pas zoomer la page avec une pincée –

Le javascript API ne peut être fullscreen invoquée par une interaction de l'utilisateur, comme un clic de souris/pointeur.

La raison d'être la protection de l'utilisateur final contre les sites Web envahissants. comme par exemple, entrer en plein écran ou verrouiller le pointeur (sur un pc) lors de l'ouverture du site.

Source

2017-01-21 22:23:25 user2267175

qui a du sens. Merci. –

@MarLon, si cela répond à votre question (ce que je pense), vous pouvez "l'accepter" et fermer la question en cliquant sur la flèche à côté de la réponse. Jetez un oeil à [ce lien] (https://meta.stackexchange.com/a/5235/174723) pour plus de détails sur les raisons pour lesquelles il est judicieux d'accepter les réponses. – ghoti

javascript/jquery: forcer le navigateur à afficher en plein écran sur android

Répondre

Questions connexes