Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

navigateur full screen android

Cette partie est réservée à l'utilisation de l'interface web pour smartphone et tablettes
wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

navigateur full screen android

Message par wini » 12 sept. 2019, 21:28

Bonjour

Je suis a la recherche d'une application qui permette d'avoir le mode design en full screen sur tablette android autre que fully kiosk car ce dernier ne fonctionne pas chez moi.

Merci de vos réponses.

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1331
Inscription : 24 févr. 2018, 09:37
Contact :

Re: navigateur full screen android

Message par Salvialf » 12 sept. 2019, 21:44

Salut,

Tu peux simplement utiliser un raccourci Chrome: clic sur les 3 petits points en haut à droite sur la page de ton design sur Chrome puis "ajouter à l'écran d'accueil".
Tu auras alors une nouvelle icône sur l'écran d'accueil qui ouvrira le design en plein écran.

...à voir ce qui ne fonctionne pas sur fully kiosk sinon? !
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

Re: navigateur full screen android

Message par wini » 12 sept. 2019, 21:51

Salvialf a écrit :
12 sept. 2019, 21:44
Salut,

Tu peux simplement utiliser un raccourci Chrome: clic sur les 3 petits points en haut à droite sur la page de ton design sur Chrome puis "ajouter à l'écran d'accueil".
Tu auras alors une nouvelle icône sur l'écran d'accueil qui ouvrira le design en plein écran.

...à voir ce qui ne fonctionne pas sur fully kiosk sinon? !
J'ai seulement le bandeau gris qui apparrait...

par contre mon design est avec la meme taille que l'ecran de ma tablette mais il s'affiche avec une barre de defilement, une idée?

Merci

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1331
Inscription : 24 févr. 2018, 09:37
Contact :

Re: navigateur full screen android

Message par Salvialf » 12 sept. 2019, 22:14

C'est quoi ta tablette? La résolution de ton design? Tu peux mettre une copie d'écran de ce qui s'affiche stp ?

Édit: une correction est prévue concernant l'affichage des designs en plein écran sur tablette: viewtopic.php?f=59&t=47438&sid=cb518f2d ... 68e8c4540a

VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

wini
Timide
Messages : 37
Inscription : 26 sept. 2018, 19:02

Re: navigateur full screen android

Message par wini » 12 sept. 2019, 22:26

C'est une YESTEL X2 en 1200x800 et mon design est aussi en 1200x800 j'ai meme essayé en 1024x768.. et je suis en v3.30

pour le soucis d'affichage y'a deja un topic dessus mais pas de solution apparement...

winhex
Actif
Messages : 3792
Inscription : 23 janv. 2015, 01:41

Re: navigateur full screen android

Message par winhex » 12 sept. 2019, 23:09

afin d'être sur qu'un equipement te pose pas de soucis
crée un design
crée un html
et au lieu du texte
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

enfin je fais comme ça

petite explication ou changement voulu
https://www.alsacreations.com/article/l ... obile.html

aprés au lancement dans un script tu peux faire un full screen
mais tu vas perdre la barre de notification et peut etre tes bouton (retour,...)

crée un texte html et colle

Code : Tout sélectionner

<!-- methode full de chez full screen
https://codepen.io/matt-west/pen/hmqsF?q=fullscreen&limit=all&type=type-pens
https://jsfiddle.net/a3rwnvca/2/
https://codepen.io/theSolTrain/pen/EQZmbM?q=hide%20fullscreen&order=popularity&depth=everything&show_forks=false
    -->
<div>
  <style>
    
button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.4rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0.5em 0.25rem 0;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}
  </style>
<section>

		<button id="fs-doc-button">Go Fullscreen</button>
		<button id="fs-exit-doc-button">Exit Fullscreen</button>
	</section>
  <script>

    var requestFullscreen = function (ele) {
	if (ele.requestFullscreen) {
		ele.requestFullscreen();
	} else if (ele.webkitRequestFullscreen) {
		ele.webkitRequestFullscreen();
	} else if (ele.mozRequestFullScreen) {
		ele.mozRequestFullScreen();
	} else if (ele.msRequestFullscreen) {
		ele.msRequestFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};

var exitFullscreen = function () {
	if (document.exitFullscreen) {
		document.exitFullscreen();
	} else if (document.webkitExitFullscreen) {
		document.webkitExitFullscreen();
	} else if (document.mozCancelFullScreen) {
		document.mozCancelFullScreen();
	} else if (document.msExitFullscreen) {
		document.msExitFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};


var fsDocButton = document.getElementById('fs-doc-button');
var fsExitDocButton = document.getElementById('fs-exit-doc-button');

fsDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	requestFullscreen(document.documentElement);
});

fsExitDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	exitFullscreen();
});

  </script>
  
</div>
tu as 2 boutons a toi d'adapter ensuite

Répondre

Revenir vers « Portail web smartphone & tablettes »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité