Android WebView 中的 Ionic creator 页面

我想知道是否可以使用Ionic creator网站创建一个页面(示例登录((见 http://ionic.io/products/creator(，将其下载为.zip存档(始终通过他们的网站(，然后在Android webView中打开索引.html页面。我只需要这个页面来获取想要在我的本机Android应用程序(创建混合应用程序(中执行的Web应用程序(在服务器上(的"GUI"。

我试图在我的Android应用程序的WebView中调用此索引.html页面，但我收到" 404 - 未找到"消息。

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

你是否正确链接了它？您是否将其放在 www 文件夹中？你能给我们看一下你的java代码，你把webview加载到哪里吗？

相关内容

最新更新

热门标签：