Bonjour à tous !
(Je ne sais pas si je post sur le bon forum...)

J'ai pour projet personnel de développer une petite Web Application
de gestion de repas/courses qui tournerait sur un serveur local
uniquement...

Pour simplifier son utilisation, j'envisage de l'utiliser principalement
sur mon smartphone ou ma tablette (systèmes Androïd pour les 2)

Savez vous s'il est possible d'ouvrir le "site" en plein écran dès son lancement ?
(en prévoyant bien entendu un bouton de retour à l'affichage normal)

J'ai trouvé 2/3 trucs sur le web, (notamment sur synbioz.com) mais je n'ai
pas compris comment les mettre en place.
J'ai eu un début d'info sur un autre forum mais je n'ai pas su le mettre en place
non plus !
J'ai fait ça :

  • J'ai ajouté dans mon head :
<link rel="manifest" href="/manifest.webmanifest">
  • J'ai créé une div juste après body :
<div class="site">
  • et enfin j'ai ajouté ces lignes dans mon .css :
  .site {
  display" : "fullscreen" ; 
  } 

Merci d'avance pour votre aide !

5 réponses


Etienne69
Auteur
Réponse acceptée

Merci à vous deux pour les pistes que je vais étudier...

En attendant, je suis tombé sur le tuto de Grafikart qui traite des appli mobiles développées en html, css et
java et qui ensuite sont transférées sous Android via les technologies Apache Cordova, Phone Gap, JDK, et
Android Studio :
https://www.youtube.com/watch?v=VjlIECYXKlU&t=1555s

J'ai réussi à faire une page HTML avec un peu de css et à transférer le tout dans mon smartphone Android...
Le site s'ouvre donc maintenant comme une appli en plein écran et un raccourci a bien été créé au millieux
des autres applis...

Encore merci Bidule et FactureHero.com pour les infos !

 Pour ca regarde côté pwa (progressif web app).

Tu as aussi des générateurs pour les manifest.json.

Pour info le display de trouvé dans le manifest.json tu as même une possibilité d'afficher ton site comme une "vrai" en mode standalone.

Pour aller plus loin il te faudra utiliser les web worker

Oui tu peux "faire une icone d'application" sur ton mobile qui ouvre un "site web responsive" dans une vue qui n'est pas "le navigateur". Du coup ça ressemble completement à une app mobile pour peu que le design y ressemble aussi.

Comme dit juste au dessus, c'est la PWA (progressive web app). Et ça fonctionne très bien. Il y a pleins de tutos la dessus notammenet le guide line de GOOGLE => https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/

T as été voir du côté de ioionic framework ?

Non pas encore mais cela reste une possibilité effectivement...
J'ai trouvé des tutos, j'vais essayer, Merci !