安卓-离子-没有互联网连接

安卓-离子-没有互联网连接,第1张

概述我们正在使用Ionic(Cordova)构建一个android应用程序.所有这些都可以在我的浏览器中使用,但是当我构建它并运行.apk时,会发生这种情况:外部图像将不会显示,并且嵌入的Google地图保持空白.我们index.html上的以下代码:<!DOCTYPEhtml><html><head><metacharset="utf-8">

我们正在使用Ionic(Cordova)构建一个android应用程序.

所有这些都可以在我的浏览器中使用,但是当我构建它并运行.apk时,会发生这种情况:

外部图像将不会显示,并且嵌入的Google地图保持空白.我们index.HTML上的以下代码:

<!DOCTYPE HTML><HTML><head>    <Meta charset="utf-8">    <Meta name="vIEwport" content="initial-scale=1, maximum-scale=1, user-scalable=no, wIDth=device-wIDth">    <Title></Title>    <link href="lib/ionic/CSS/ionic.CSS" rel="stylesheet">    <link href="CSS/style.CSS" rel="stylesheet">    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above    <link href="CSS/ionic.app.CSS" rel="stylesheet">    -->    <!-- ionic/angularJs Js -->    <script src="lib/ionic/Js/ionic.bundle.Js"></script>    <script src="Js/ng-cordova.min.Js"></script>    <!-- cordova script (this will be a 404 during development) -->    <script src="cordova.Js"></script>    <!-- your app's Js -->    <script src="Js/app.Js"></script></head><body ng-app="starter">    <ion-pane>          <ion-header-bar >          </ion-header-bar>          <ion-content>            <div  role="main">                <p ID="geolocation">Finding geolocation...</p>                <img src="http://placehold.it/350x150.png" alt="no image" />                <iframe src="https://www.Google.com/maps/embed?pb=!1m14!1m12!1m3!1d635472.0298105411!2d5.1189025!3d51.525825749999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1snl!2snl!4v1432033961557" wIDth="600" height="450" frameborder="0" ></iframe>            </div>          </ion-content>    </ion-pane></body></HTML>

在config.xml中,我们在的结束标记之后创建了以下几行:

<allow-navigation href="*" /><allow-intent href="*" />

解决方法:

检查清单,以允许您的应用使用互联网.

<uses-permission androID:name="androID.permission.INTERNET" /> 

如果您使用的是cordova 5(AndroID平台版本4.0.0),则应包括白名单插件以及新的content security policy Meta标签,以允许Google maps API这样加载(在HTML文件顶部以及其余Meta)标签):

<Meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline' http://Fonts.GoogleAPIs.com/;script-src 'self' 'unsafe-inline' 'unsafe-eval' http://*.GoogleAPIs.com http://maps.gstatic.com;">

编辑:
还要检查您的config.xml您给予什么访问权限:

<access origin="*" />

例如允许所有连接

如果它不起作用,请检查您的日志并发布任何错误.

总结

以上是内存溢出为你收集整理的安卓-离子-没有互联网连接全部内容,希望文章能够帮你解决安卓-离子-没有互联网连接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1095458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存