我们正在使用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="*" />
例如允许所有连接
如果它不起作用,请检查您的日志并发布任何错误.
总结以上是内存溢出为你收集整理的安卓-离子-没有互联网连接全部内容,希望文章能够帮你解决安卓-离子-没有互联网连接所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)