Phonegap app auf dem iPhone Trigger „Frame laden unterbrochen“ Fehler

Habe ich gebaut, ein hybrid-Phonegap-app. Ich bin ein Android-user, also ich habe es getestet auf KitKat, und es funktionierte. Ich habe gesandt, es meinem Kunden, der ein iPhone-Nutzer, und er schickte mir dieses Bild:

Phonegap app auf dem iPhone Trigger

Config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.swapco.swapco" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
    <name>SwapCo</name>
    <description>
        SwapCo
    </description>
    <author email="[email protected]" href="http://phonegap.com">
        SwapCo
    </author>
    <content src="index.html" />
    <preference name="permissions" value="none" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="true" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="10" />
    <preference name="android-installLocation" value="auto" />
    <gap:plugin name="org.apache.cordova.battery-status" />
    <gap:plugin name="org.apache.cordova.camera" />
    <gap:plugin name="org.apache.cordova.media-capture" />
    <gap:plugin name="org.apache.cordova.console" />
    <gap:plugin name="org.apache.cordova.contacts" />
    <gap:plugin name="org.apache.cordova.device" />
    <gap:plugin name="org.apache.cordova.device-motion" />
    <gap:plugin name="org.apache.cordova.device-orientation" />
    <gap:plugin name="org.apache.cordova.dialogs" />
    <gap:plugin name="org.apache.cordova.file" />
    <gap:plugin name="org.apache.cordova.file-transfer" />
    <gap:plugin name="org.apache.cordova.geolocation" />
    <gap:plugin name="org.apache.cordova.globalization" />
    <gap:plugin name="org.apache.cordova.inappbrowser" />
    <gap:plugin name="org.apache.cordova.media" />
    <gap:plugin name="org.apache.cordova.network-information" />
    <gap:plugin name="org.apache.cordova.splashscreen" />
    <gap:plugin name="org.apache.cordova.vibration" />
    <icon src="icon.png" />
    <icon gap:platform="android" gap:qualifier="ldpi" src="www/res/icon/android/icon.png" />
    <icon gap:platform="android" gap:qualifier="mdpi" src="www/res/icon/android/icon.png" />
    <icon gap:platform="android" gap:qualifier="hdpi" src="www/res/icon/android/icon.png" />
    <icon gap:platform="android" gap:qualifier="xhdpi" src="www/res/icon/android/icon.png" />
    <icon gap:platform="blackberry" src="www/res/icon/blackberry/icon-80.png" />
    <icon gap:platform="blackberry" gap:state="hover" src="www/res/icon/blackberry/icon-80.png" />
    <icon gap:platform="ios" height="57" src="www/res/icon/ios/icon.png" width="57" />
    <icon gap:platform="ios" height="72" src="www/res/icon/ios/icon.png" width="72" />
    <icon gap:platform="ios" height="114" src="www/res/icon/ios/icon.png" width="114" />
    <icon gap:platform="ios" height="144" src="www/res/icon/ios/icon.png" width="144" />
    <icon gap:platform="webos" src="www/res/icon/webos/icon-64.png" />
    <icon gap:platform="winphone" src="www/res/icon/windows-phone/icon-48.png" />
    <icon gap:platform="winphone" gap:role="background" src="www/res/icon/windows-phone/icon-173-tile.png" />
    <gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="www/res/screen/android/screen-ldpi-portrait.png" />
    <gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="www/res/screen/android/screen-mdpi-portrait.png" />
    <gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="www/res/screen/android/screen-hdpi-portrait.png" />
    <gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="www/res/screen/android/screen-xhdpi-portrait.png" />
    <gap:splash gap:platform="blackberry" src="www/res/screen/blackberry/screen-225.png" />
    <gap:splash gap:platform="ios" height="480" src="www/res/screen/ios/screen-iphone-portrait.png" width="320" />
    <gap:splash gap:platform="ios" height="960" src="www/res/screen/ios/screen-iphone-portrait-2x.png" width="640" />
    <gap:splash gap:platform="ios" height="1136" src="www/res/screen/ios/screen-iphone-portrait-568h-2x.png" width="640" />
    <gap:splash gap:platform="ios" height="1024" src="www/res/screen/ios/screen-ipad-portrait.png" width="768" />
    <gap:splash gap:platform="ios" height="768" src="www/res/screen/ios/screen-ipad-landscape.png" width="1024" />
    <gap:splash gap:platform="winphone" src="www/res/screen/windows-phone/screen-portrait.jpg" />
    <access origin="*" />
    <plugin name="cordova-plugin-whitelist" version="1" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <engine name="android" spec="^4.0.0" />
    <engine name="ios" spec="^3.8.0" />
     <feature name="Camera">
         <param name="android-package" value="org.apache.cordova.camera.CameraLauncher" />
    </feature>

    <gap:config-file platform="android" parent="/manifest">
         <application android:debuggable="true" />
    </gap:config-file>
</widget>

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>XXX</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="css/style.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="row">
        <div class=" col-xs-4 col-xs-push-4 col-sm-4 col-sm-push-4 col-md-2 col-md-push-5">
            <img src="images/logo.png" class="img-responsive center-block logo">
        </div>
    </div>
    <div class="row">
        <div class=" col-xs-12 col-sm-8 col-sm-push-2 col-md-4 col-md-push-4">
            <br />
            <h2 class="text-center white">Welcome!</h2>
            <p class="text-center white">Selling made simple.</p>
            <div class="input-area" style="margin-top:60px">
                <input id="username" type="text">
                <span class="icon"><i class="fa fa-user"></i> </span>
            </div>
            <div class="input-area">
                <input id="password" type="password">
                <span class="icon"><i class="fa fa-key"></i> </span>
            </div>
        </div>

<div class="bottom-buttons">
    <button type="button" onclick="authenticate()"  class="btn signin pull-left">SIGN IN</button>
    <a href="signup.html"><button type="button"  class="btn signup pull-right">SIGN UP</button></a>
</div>
    </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->

<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>

Habe ich ein Apple-Neuling, jegliche Kommentare sind sehr willkommen. Übrigens, ich war mit der Entwicklung der Zertifikate für die iOS-build, und ich habe verknüpft sein iPhone zu Ihnen.

  • Wenn Sie diese Fehlermeldung bekommen? Sind Sie Zugriff auf eine externe URL können Sie bitte teilen Sie den Textfluss, den Sie lief in diese Fehlermeldung, bitte den code, den du gepostet hast hat einen login und sign up-Elementen und der Screenshot zeigt eine Schaltfläche „zurück“. Ich werde Euch helfen, dieses Problem beheben früher. Wenn man erklären kann, das problem.
InformationsquelleAutor Nino Škopac | 2016-05-06



4 Replies
  1. 0

    Bearbeiten

    Hier sind ein paar Dinge, die ich bemerkt habe:

    • Fehlt <script type="text/javascript" src="cordova.js"></script> im index.html
    • Die version im <plugin name="cordova-plugin-whitelist" version="1" /> sollte 1.0.0.
    • Auch, ich bin mir nicht sicher, wie es funktioniert auf Android ohne diesen meta-tag <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">. Finden Sie mehr info auf Content-Security-Policy.

    Ohne code kann ich nicht schlagen, aber ich fand das Frage auf Stack Overflow, die scheint, wie es könnte Ihnen helfen.

    Scheint wie ein URL Problem.

    • Hey. Mein Mandant sagt, er kann nicht selbst installieren? Macht das Sinn?
    • Der Kerl in der Frage, die Sie verknüpfen, wird mittels MVC / Router. Wir sind nicht, es ist nur ein schlichtes web-Seite mit AJAX gebaut als hybrid-app. Es funktioniert auf Android, aber es funktioniert nicht auf iOS.
    • Hey, ich habe aktualisiert die Frage mit Quellen.
    • Wenn er nicht installieren kann es dann bedeutet, dass entweder sein Gerät nicht provisioniert (oder, dass er mit einem anderen iOS-Gerät, das nicht in der bereitgestellten Liste), oder Sie haben die app mit der Verteilung cert, oder dass das Zertifikat/provisioning-Profil ist abgelaufen.
  2. 0

    Funktioniert es in der iOS-simulator?

    • Könnten Sie bitte einen link auf eine, die ich verwenden könnte?
    • Ich habe versucht, iPadian, aber es ist völlig nutzlos.
    • Bist du nicht der Entwicklung auf dem Mac? WENN ja. Sie benötigen zum download XCode. Holen Sie XCode.
    • Ich bin nicht, ich bin auf einem PC.
    • Nun, ich könnte Ihnen helfen, wenn Sie möchten. Die grundlegende Sache ist, dass Sie brauchen, um zu testen auf einem iOS-Gerät oder Simulator zum Debuggen der app. Und zu wissen, was falsch läuft. Ich habe nicht überprüft den source-code gepostet. Ich war unter der Annahme, dass man auf einem Mac. Ein Vorschlag, ich habe versucht, mit Hilfe von Phonegap Build und es ist wirklich nicht führen mich überall hin. Wechsel entweder in cordova oder phonegap läuft auf einer realen Maschine ist viel besser. 🙂
  3. 0

    War das problem in den Zertifikaten.

    Um es zu beheben, ich ausgestellt Verteilung (im Gegensatz zur Entwicklung) Zertifikat, zwei Bestimmungen (Ad-Hoc für die lokalen Tests und AppStore) und danach funktionierte es.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.