Comment puis-je ouvrir un iframe dans une application phonegap / cordova fonctionnant sur IOS?

J'ai une webapp que j'utilise avec PhoneGap / Cordova pour l'installer sur iOS et Android. À un moment de l'application, j'ai un iframe qui charge le contenu d'un second server.

Lorsque je lance l'application à partir d'un browser, tout fonctionne comme prévu – l'iframe s'ouvre dans la même page et charge le contenu du deuxième site.

Lorsque je lance la webapp sur un simulateur d'iPhone en utilisant Cordova, lorsque l'iframe s'ouvre, iOS passe à Safari et met mon application en arrière-plan.

Mesures sockets

  1. J'ai ajouté le deuxième site au tableau "ExternalHosts" dans le file Cordova.plist.
  2. J'ai créé un file config.xml à côté du file index.html dans le directory / www, conformément à la documentation de PhoneGap / Cordova ( https://build.phonegap.com/docs/config-xml ).
  3. J'ai ajouté une balise <preference name = "stay-in-webview" value = "true" /> au file config.xml en tant qu'enfant de la balise <widget> principale.

Mon soupçon est qu'il ne lit pas / n'utilise pas le file config.xml, mais il pourrait y avoir autre chose … Est-ce que quelqu'un a des idées sur ce que je pourrais faire de mal?

Après avoir ajouté un InAppBrowser à la place de l'iframe que j'utilisais auparavant, j'ai finalement essayé une iframe à nouveau, et l'iframe fonctionne maintenant sans sauter sur le browser du téléphone, comme avant, et l'iframe fonctionne à la fois dans iOS et Android .

2 choses ont changé depuis le moment où les iframes ont été brisées et quand ils ont commencé à travailler:

  1. Je suis passé à Cordova 2.5
  2. J'ai commencé à créer / append dynamicment l'iframe à la page en utilisant jquery, plutôt que de simplement afficher une iframe déjà existante, comme je le faisais initialement:

    $ ('<iframe src = "quelquechose.com" height = "100%" width = "100%" frameborder = "0"> </ iframe>'). appendTo ('body'); .

Je n'ai pas pris la peine de vérifier si c'était le n ° 1 ou le n ° 2 qui corrigeait le problème iframe (je suppose que c'est le n ° 1), mais je pensais qu'il serait possible d'utiliser iframes avec une application PhoneGap / Cordova, au cas où quelqu'un d'autre se heurte au même problème.

Pourquoi ne pas utiliser InAppBrowser? http://docs.phonegap.com/fr/2.3.0/cordova_inappbrowser_inappbrowser.md.html . Il va être difficile d'utiliser iframes qui fonctionne à la fois sur Android et sur iOS

La même chose maintenant avec iOS 8 ne fonctionne pas. Je reçois le iFrame sans défilement et débordant sur d'autres divs. Essayé divers styles CSS mais pas de solution. Fonctionne très bien sur les applications Android. Ceci utilise la dernière version de Phonegap.