android - 使用 ionic 框架，本地镜像在 chrome 中完美显示，但在我的 android 手机中不显示

Question

我是 ionic 框架的新手。我想在我的应用程序中使用幻灯片框并更改 css 中的背景图片。我同时使用本地镜像和来自外部链接的图像。所有图像都可以在 chrome 中完美显示，但是当我在我的三星note 2手机中打开apk，没有图片，连本 map 片都没有显示。我尝试安装白名单插件。但是当我安装 APK 时它弹出应用程序错误。我在 config.xml 中添加了这个

 <access origin="*"/>

那是我的 index.html 代码

 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width";
      content="default-src *; img-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

那是我的 tab-photo.html 代码

<ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
  <ion-slide>
    <div class="box blue">
      <img src="http://ww4.sinaimg.cn/thumb300/006sZhgkjw1fb5fr6jpbfj30w01kwk26.jpg">
    </div>
  </ion-slide>
  <ion-slide>
    <div class="box yellow">
      <img src="assets/h.jpg">
    </div>
  </ion-slide>
  <ion-slide>
    <div class="box pink">
      <img src="assets/hh.jpg">
    </div>
  </ion-slide>
</ion-slide-box>

那是我的 style.css 代码

.circular {
width: 150px;
height: 150px;
border-radius: 50%;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border: solid;
background: url(../assets/duck%20cai.jpg) no-repeat;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;

老实说，我不太确定白名单插件的使用，本 map 片是否也需要获得许可？谢谢大家，帮助我在 DDL12.31.TOT 之前解决问题

Answer 1

通过在运行时调试您的应用，尝试在运行时调试您的应用。在 Android 上使用 chrome 检查您的应用，在 iOS 上使用 safari 检查您的应用。

你可以引用。转到下面的链接，了解有关如何使用 Chrome 调试 Web 应用程序的更多信息。

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

在下方发表评论以获得更多帮助。

干杯!