gpt4 book ai didi

android - ionic - 没有互联网连接

转载 作者:行者123 更新时间:2023-11-29 14:37:14 25 4
gpt4 key购买 nike

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

这一切都在我的浏览器中运行,但是当我构建它并运行 .apk 时,会发生这种情况:

外部图像不会出现,嵌入的谷歌地图保持空白。我们的 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 class="bar-stable">

</ion-header-bar>
<ion-content>
<div class="main" 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" style="border:0"></iframe>
</div>
</ion-content>
</ion-pane>
</body>
</html>

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

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

最佳答案

检查您的 list 以允许您的应用使用互联网。

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

例如允许所有连接

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

关于android - ionic - 没有互联网连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30324899/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com