Je suis assez nouveau à JavaScript et je suis récemment créé un site Web comme pratique. J'essaie d'obtenir le site Web pour afficher une application Web en plein écran dans les navigateurs mobiles, mais rien ne semble fonctionner. Je suis essentiellement sur chaque site Web et ressource pertinents que je peux trouver, mais toujours rien. Je commence à penser que c'est probablement une petite erreur stupide ailleurs ailleurs que j'ai négligée. Toute aide de parties plus expérimentées sera très appréciée <3
Site Web pour référence: est
choses que j'ai essayés:
1) 2 2 ) Création d'un fichier complet manifeste.json, le liant à mon index.html. Chrome Dev Tools n'a pas pu détecter mon fichier manifeste, mais pwabuilder.com pourrait. J'ai également essayé de changer la source / dans la source (reliant Manifest.json dans l'index.html) et essayé également les deux tentatives ci-dessus et séparément. J'ai lu que cela pourrait être un problème de cache, j'ai également essayé de dégager mon cache plusieurs fois, réinstallant Chrome, parmi de nombreuses autres tentatives futiles. C'est la partie pertinente de mon index.html
Lorsque j'essaie l'approche PWA (à l'aide d'un manifeste.json) pour une raison quelconque Chrome ne détecte pas mon fichier manifeste. J'ai dépanné et mon code et mes liens sont identiques à plusieurs tutoriels et références, mais cela ne détecte toujours pas. Je l'ai toujours essayé sur mon iPhone, mais cela ouvre toujours safari à partir de mon écran d'accueil. a essayé l'approche d'Apple Meta Tag aussi, mais que la ligne de code ne fait pas littéralement une différence visible.
3 Réponses :
Je pense que le problème avec votre site Web particulier est que le manifeste n'est pas dans l'en-tête. Vous trouverez ci-dessous un exemple de code indiquant le bon emplacement pour le lien manifeste.
Assurez-vous également que votre manifeste contient les éléments minimaux à considérer pouvant être considérés comme éligibles à l'installation si vous souhaitez avoir un bouton d'écran Ajouter à la maison sur Chrome pour Android (DOIT avoir un nom ou un nom bref, doit inclure une icône de taille 192px et une taille de 512 px. , Start_url, l'affichage doit être l'une des suivantes: Fullscreen, autonome ou minimal-UI). Vous trouverez plus d'informations sur Google Pwa développeurs site web. < / p>
C'est dans l'en-tête si :( Je pense que vous devriez être capable de voir mon code complet sur le site Web Chandredit.netlify.com sous la source. Chrome ne détecte toujours pas mon fichier manifeste du tout. Donc frustrant haha
Si je me souviens, la dernière fois que je l'ai regardée (sur mobile en ce moment), l'étiquette de la tête était dans l'étiquette du corps qui n'est pas correcte, chacun devrait être des enfants de la balise HTML. Le site apparaît maintenant pour que je ne puisse pas confirmer ...
sur chrome devtools Vous pouvez vérifier manifeste.json sur l'élément de menu de l'application, il existe une section Application / Manifest.
Oui je suis au courant de cela. J'ai mentionné dans mon poste que Chrome dev outils ne détecte pas mon fichier manifeste.
@Tmlyw désolé n'a pas compris que
résolu! Le problème semblait être que j'avais trop de choses dans mon. Je viens de déplacer un tas de HTML dans la section du corps et je me suis manifesté détecté par Chrome Dev Outils.
Je pense que vous aurez besoin d'une échelle initiale 1, 0,7 semble impair ..