Cordova:Android应用程序显示空白页面_Android_Cordova_Phonegap_Apache Cordova

Cordova:Android应用程序显示空白页面

android cordova

Cordova:Android应用程序显示空白页面,android,cordova,phonegap,apache-cordova,Android,Cordova,Phonegap,Apache Cordova,我想使用Apache Cordova和visual studio 2015将网站转换为android应用程序。下面是我的index.html代码： <!doctype html> <html lang="en"> <head> <title>Zoggle</title> <script type="text/javascript" charset="utf-8" src="cordova.js"></scri

我想使用Apache Cordova和visual studio 2015将网站转换为android应用程序。下面是我的index.html代码：

<!doctype html>
<html lang="en">
<head>

  <title>Zoggle</title>
  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
  <script>
  document.addEventListener("deviceready", onDeviceReady, false);
  function onDeviceReady() {
    //navigator.splashscreen.hide();
    if (navigator.network.connection.type == Connection.NONE) {
      networkError()
    } else {
      loadApp()
    }
  }

  function loadApp() {
    navigator.app.loadUrl("http://zoggle.zolmeister.com")
  }

  function networkError() {
    navigator.notification.alert('Zoggle requires an internet connection')
    var $net = document.createElement('div')
    $net.innerHTML = 'Zoggle requires an internet connection'
    document.body.appendChild($net)
  }
  </script>

  <style>
  body {
    padding: 15px;
    background: #23252e;
    color: #01ced3;
    text-align: center;
  }
  div {
    font-size: 20px;
  }
  </style>
</head>
<body>
</body>
</html>


佐格尔
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
//navigator.splashscreen.hide（）；
if（navigator.network.connection.type==connection.NONE）{
networkError（）
}否则{
loadApp（）
}
}
函数loadApp（）{
navigator.app.loadUrl（“http://zoggle.zolmeister.com")
}
函数networkError（）{
navigator.notification.alert（'Zoggle需要internet连接'）
var$net=document.createElement（'div'）
$net.innerHTML='Zoggle需要internet连接'
document.body.appendChild（$net）
}
身体{
填充：15px；
背景：#23252e；
颜色：#01ced3；
文本对齐：居中；
}
div{
字体大小：20px；
}

当我运行代码时，它会显示一个空白的黑色页面。我想加载给定链接的网页。请帮助。

您可以使用Inappbrowser插件在应用程序中加载网站

您最好在上发布。您尝试过InApp浏览器插件吗