Comment utiliser l'image externe à l'intérieur de phonegap/jquerymobile app

Je suis l'élaboration d'un phonegap/jquery-mobile de l'application de test (je suis nouveau dans ce tic) pour android et je veux montrer à l'intérieur de mon application une image stockée sur le site internet. Pendant l'application de démarrage dans l'avd-je recevoir cette notification lors de la mettre dans mon index.html cet élément:

<img src="http://www.comolakeboats.it/images/stories/boats/gommone_12_150x100.jpg" width="120px;" />

Erreur d'Application - la connexion au serveur a été unsuccessfull (file:///android_asset/www/index.html)

Sur le log.chat je vois cette erreur:

E/DroidGap(337): DroidGap: ERREUR de dépassement de DÉLAI! - l'appel de webViewClient

J'ai déjà vérifié la connexion à la fois à partir du navigateur et à l'intérieur de mon application avec un lien externe et dans les deux cas, j'ai peut atteindre site internet.

Ce que je suis absent? Il existe une solution (peut-être le même) convient pour Iphone,trop?

C'est mon code:

<body>

    <div data-role="page" id="home_it"> 
        <div data-role="header" data-theme="a" id="it">
            <h1>TEST</h1> 
            <div data-role="navbar" data-iconpos="right" data-theme="a">
                <ul>
                    <li><a href="tel://+3933333333">Tel:+3933333333</a></li> 
                    <li><a href="mailto:[email protected]?subject=Info">Email</a></li>   
                </ul>
            </div> 
            <div class="ui-body ui-body-c"><!--  ui-body-b">-->  
                <p>Some text</p>
                <button id="my_list_button">Mostra</button>
            </div>
        </div> 
        <div data-role="content"  class="ui-body">
            <ul data-role="listview" id="my_list">
                <li data-role="list-divider">My list</li>
                <li>
                    <a href="http://www.comolakeboats.it" rel="external">
                        <img src="http://www.comolakeboats.it/images/stories/boats/gommone_12_150x100.jpg" width="120px;" />
                        <h3>title foo foo</h3>
                        <p style="color:red">foo foo foo foo</p>
                    </a>
                </li>
            </ul>
        </div>
                    <div data-role="footer">
            <div data-role="navbar" data-iconpos="right" data-theme="a">
                <ul>
                    <li><a href="#home" data-icon="home">&#160;</a></li>    
                    <li><a id="exit-app" data-icon="back">&#160;</a></li>    
                </ul>
            </div>  
        </div>
    </div> 


</body>

Je vous remercie à l'avance

Quelques remarques qui pourraient vous aider:

OriginalL'auteur palbo79 | 2011-12-01

  1. 4

    Avez-vous fait la mise à jour de la phonegap la liste blanche? qui raconte l'application qui l'Url qu'il est autorisé à accéder. Vous pouvez également ajouter un *, comme décrit ici

    Espère que cette aide

    il n'y a pas de liste blanche pour Phonegap sur Android, autant que je sache.
    C'est incorrect. C'est dans le /res/xml/phonegap.xml fichier. Que le fichier n'existe pas par défaut (en particulier dans les applications créées avec des versions antérieures de PhoneGap), mais la liste blanche. Aussi, il diffère de iOS dans la syntaxe. Plus le long des lignes de <phonegap><access origin="http://*.phonegap.com"/></phonegap>.
    Je pense qu'il devrait être mon problème: j'ai essayer d'utiliser une url localhost et mon application démarre sans problème (et en phonegap.xml il s'agit d'une origine par rapport à 127.0.0.1*). J'essaie d'ajouter une origine externe, mais pour l'instant Im alwyas KO
    Pas moyen, j'ai mis en liste blanche de mon origine externe, mais la emualtor semble pas considérer qu'il
    Elle fonctionne. Je vous remercie beaucoup. Mon problème a été causé par 2 conditions: 1) pas de liste blanche de réglage 2) connexion troguht proxy: il semble phonegap est incapable de résoudre les paramètres de proxy.

    OriginalL'auteur Leon

  2. 2

    Si vous mettez des valeurs plus élevées dans defaultactivity:

    super.setIntegerProperty("loadUrlTimeoutValue", 60000);
super.loadUrl("file:///android_asset/www/index.html", 60000);

    Il n'aura pas le temps, mais il faudra les âges pour votre application de fonctionner...

    OriginalL'auteur sam

  3. 0

    Peut-être les plus simples que vous pouvez faire est de télécharger l'image et l'ajouter à votre projet. Dans ce cas, il suffit de faire le src attribut de la <img> référence de balise le chemin de l'image à l'intérieur de votre projet.

    Non, parce que ma prochaine étape est d'essayer de récupérer certaines données à l'aide d'un ajax d'appel à distance, donc je sais qu'à l'exécution de ce infos spectacle et ce que montrent les images. Je n'ai pas de contrôle sur l'image
    Si l'image est variable, vous pouvez le télécharger et l'écrire dans un local fixe de chemin d'accès à votre appareil. Je ne sais pas comment vous pourriez le faire dans PhoneGap, mais c'est seulement une idée et je ne pouvais pas trouver une autre solution. Désolé

    OriginalL'auteur Pablo

  4. 0

    Quelques remarques qui pourraient vous aider:

    • l'index.html a un document html ...
    • vous devez définir les autorisations pour l'utilisation de l'internet, en AndroidManifest.xml
    • l'appareil d'essai doit avoir une connexion internet (essayez d'ouvrir l'url de l'image sur le navigateur de l'appareil en premier).
    Comme je l'ai dit, j'ai fait exactement la même case. Et ils sont tous OK.

    OriginalL'auteur Benoît Pointet

  5. 0

    J'ai mis la liste blanche dans mon cordova.xml ".*" mais il affiche toujours le même message d'erreur alors j'ai essayé de chercher d'autres solutions et trouvé ceci:

    http://community.phonegap.com/nitobi/topics/phonegap_build_viewebclient_timeout_error_on_android_device

    Sa solution était de rediriger la page de la index.html à la page principale. Je ne sais pas pourquoi cela a fonctionné pour moi, mais heureux qu'il a fait. Si vous ne voyez aucun problème à faire ce travail, s'il vous plaît faire un commentaire, je ne veux pas rencontrer de problèmes majeurs dans l'avenir à cause de cela.

    OriginalL'auteur Joanna Lee

  6. 0

    J'ai le même problème. Enfin j'ai trouver la raison est "Content-Security-policy" réglage de l'en-tête du code html!. Vous pouvez simplement supprimer la ligne comme ceci:

    <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 *">

    OriginalL'auteur osexp2003