Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: webmanifest #31

Open
Atn-D opened this issue Dec 29, 2024 · 2 comments
Open

feat: webmanifest #31

Atn-D opened this issue Dec 29, 2024 · 2 comments

Comments

@Atn-D
Copy link

Atn-D commented Dec 29, 2024

Si j’ajoute un raccourci du site dans mes icônes d’app de smartphone, ça ouvre le site dans un onglet de mon navigateur par défaut.

Pour que le site s’ouvre de façon isolée du navigateur, comme une vraie app, il faut configurer un fichier .webmanifest
et définir la valeur "display": "fullscreen",

https://developer.mozilla.org/fr/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable#que_faut-il_pour_utiliser_a2hs

@Atn-D
Copy link
Author

Atn-D commented Jan 4, 2025

J’ai pris le temps de faire des tests et j’ai réussi à le faire se lancer comme une app via cette configuration minimum :
Dans le html <link rel="manifest" href="./app.webmanifest">

Dans app.webmanifest :

{
  "display": "fullscreen",
  "icons": [
    {
      "src": "icon/fox-icon.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "short_name": "Kher.nl",
  "start_url": "index.html"
}

Donc c’est un peu plusse qu’un simple display:fullscreen, mais tout aussi simple !
(dans mon test j’ai laissé le src de la doc, et même si ça ne pointait vers rien, ça a permis de faire marcher)

@Cl0v1s
Copy link

Cl0v1s commented Jan 9, 2025

Elk was already generating a manifest but the name did not make it available on some browser apparently. I simplified the whole stuff (aka remove everything until it works) and you shoudl be able to add the app to your home screen now.

I'll tweak stuff again soon to make the whole experience better

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants