web-dev-qa-db-fra.com

Ouvrir les liens externes dans la vue Web par défaut dans IOS PWA

Je teste Progressive Web App dans IOS 11.3.

Mon pwa a un bouton de connexion sociale à Facebook qui, lorsque vous cliquez dessus, pointe vers un lien externe (windows.location différent).

Le problème est que le pwa ouvre l'application Safari pour afficher des liens externes au lieu d'utiliser une vue Web dans le pwa. Ainsi, une fois la connexion établie, vous ne serez pas redirigé vers pwa mais resterez dans le safari.

J'ai essayé de suivre des exemples comme celui-ci https://Gist.github.com/kylebarrow/1042026 mais semble ne pas fonctionner

Comment puis-je forcer le pwa à ouvrir des liens externes dans une vue Web?

Merci d'avance

4
Enricosoft

Utilisez BUTTON au lieu de A tag et définissez onclick avec window.location.href = 'yourUrl' Il semble bien fonctionner

0
Enricosoft

Ce problème est résolu dans IOS 11.4

METTRE À JOUR

@ twhite96 @ Marty121 La connexion à Google Social a bien fonctionné quelques fois, mais semble maintenant être à nouveau brisée:/Le support hors connexion semble également rompu! Les PWA sur IOS est nul! Je pense que nous devons attendre la prochaine version de IOS dans l'espoir qu'ils corrigent la longue liste de bogues.

1
Enricosoft

Si vous utilisez le rendu SSR (Server Side Rendering) et que votre PWA n'est pas statique, vous devez suivre le concept App Shell. Ainsi, chaque fois que vous cliquez sur un lien externe, il doit être récupéré et inséré dans votre section dynamique. Lien: https://developers.google.com/web/updates/2015/11/app-Shell

0
Oleg