2016-07-11 12 views
1

Ich versuche, Iframes unter Verwendung von Cordova CLI 6.2.0 und PhoneGap Desktop 0.3.3 für iOS zu verwenden. Ich habe auch um Hilfe gebeten https://groups.google.com/forum/#!topic/phonegap/m1PPJuHtS8MPhonegap/Cordova: iOS lädt keinen Iframe-Inhalt

Die iFrames waren früher im März arbeiten, aber seitdem funktioniert nicht mehr. Aufgrund von Versuchen, eine Lösung und andere Verzögerungen zu finden, konnte ich nicht früher nachfragen und weiß die genauen Versionsnummern, wann der Fehler begann.

Um die Möglichkeiten zu testen, machte ich eine einfache App, um die Funktionalität zu testen. Die Teile sind meiner Meinung nach relevant sind diese von index.html hier:

<link rel="stylesheet" type="text/css" href="css/index.css" /> 
    <link rel="stylesheet" type="text/css" href="css/page.css" /> 
    <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script> 

    <title>Webpage Bring In Test</title> 
</head> 
<body> 
    <div class="app"> 

     <p>First Paragraph</p> 

     <iframe class="viewerStuff" src="http://www.uwsp.edu/library/Pages/default.aspx"> 
      <p>IFrame failed.</p> 
     </iframe> 

     <p>Second Paragraph</p> 

     <object type="text/html" data="http://www.uwsp.edu/library/Pages/default.aspx" class="viewerStuff"> 
      <p>Object failed.</p> 
     </object> 

     <p>Third Paragraph</p> 

     <p>-Update successfully loaded, though-</p> 
    </div> 

und hier config.xml:

<feature name="IntentAndNavigationFilter"> 
<param name="ios-package" value="CDVIntentAndNavigationFilter"/> 
<param name="onload" value="true"/> 
</feature> 
<access origin="*"/> 
<allow-intent href="http://*/*"/> 
<allow-intent href="https://*/*"/> 
<gap:plugin name="org.apache.cordova.whitelist" source="npm" /> 
<plugin name="cordova-plugin-whitelist" version="1"/> 
<allow-navigation href="*" /> 
<platform name="ios"> 
    <allow-intent href="itms:*"/> 
    <allow-intent href="itms-apps:*"/> 
</platform> 

Es gibt auch andere Teile, aber ich don‘ Ich denke, sie sind relevant.

Hier ist ein Bild davon, wie es auf dem getesteten Ipad aussieht. https://lh3.googleusercontent.com/-NGwIXwKz5q0/V369CMFBzwI/AAAAAAAAAtE/EquMiMl0a1gDdkBFbp8kTTGiyRISF0YvwCLcB/s1600/Iframe%2BIOS%2BTests%2B4%2B07072016.jpg Ich verlinke es, da ich nicht genug Geschichte auf StackExchange habe, um Bilder einzubetten.

Auch kann ich XCode nicht für die Lösung verwenden. Der Ort, für den ich die App entwickle, möchte keine OS-spezifische Programmierung als Teil ihrer Richtlinie.

Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen oder Fragen haben.

Antwort

0

try Bearbeitung Content-Security-Politik in Ihrer index.html:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com *; style-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *; img-src 'self' data: content:; script-src * 'self' 'unsafe-inline' 'unsafe-eval';">