Question

我想知道是否可以使用Ionic创建者网站创建页面（示例登录）（请参阅http://ionic.io/products/creator），将其下载为.zip存档（始终通过他们的网站），而不是在Android webView中打开index.html页面。我需要这个页面仅用于＆＃34; GUI＆＃34;要在我的原生Android应用程序中执行的Web应用程序（在服务器上）（创建混合应用程序）。

我已尝试在我的Android应用的WebView中调用此index.html页面，但我获得了＃34; 404 - 未找到＆＃34;消息。

这是我从他们的网站上获得的这个我的Ionic Creator小项目的.zip档案中的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>

           <script src="lib/ionic/js/ionic.bundle.js"></script>

           <!-- cordova script (this will be a 404 during development) 
           <script src="cordova.js"></script> 
           -->

           <!-- IF using Sass (run gulp sass first), then uncomment below                   and remove the CSS includes above
           <link href="css/ionic.app.css" rel="stylesheet">
           -->

           <link href="css/ionic.app.css" rel="stylesheet">

           <style type="text/css">
               .platform-ios .manual-ios-statusbar-padding{
                   padding-top:20px;
               }
               .manual-remove-top-padding{
                   padding-top:0px; 
               }
               .manual-remove-top-padding .scroll{
                   padding-top:0px !important;
               }
               ion-list.manual-list-fullwidth div.list,   .list.card.manual-card-fullwidth {
                   margin-left:-10px;
                   margin-right:-10px;
  }
       ion-list.manual-list-fullwidth div.list > .item, .list.card.manual-card-fullwidth > .item {
        border-radius:0px;
        border-left:0px;
    border-right: 0px;
  }
  .show-list-numbers-and-dots ul{
    list-style-type: disc;
    padding-left:40px;
  }
  .show-list-numbers-and-dots ol{
    list-style-type: decimal;
    padding-left:40px;
  }
</style>

<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/routes.js"></script>

<script src="js/directives.js"></script>
<script src="js/services.js"></script>

<!-- Only required for Tab projects w/ pages in multiple tabs 
<script src="lib/ionicuirouter/ionicUIRouter.js"></script>
-->

  </head>
  <body ng-app="app" animation="slide-left-right-ios7">
     <div style="">
     <div style="">
       <ion-nav-bar class="bar-stable">
       <ion-nav-back-button></ion-nav-back-button>
      </ion-nav-bar>
        <ion-nav-view></ion-nav-view>
    </div>
    </div>
  </body>
</html>

Answer 1

您是否正确链接？你把它放在www文件夹中了吗？您能否向我们展示您将webview加载到其中的Java代码？

Android WebView中的离子创建者页面

1 个答案: