Javascript 使用Cordova（ios和android）托管网页的最佳配置是什么_Javascript_Android_Ios_Cordova_Cordova Plugins

Javascript 使用Cordova（ios和android）托管网页的最佳配置是什么

javascript android ios cordova

Javascript 使用Cordova（ios和android）托管网页的最佳配置是什么,javascript,android,ios,cordova,cordova-plugins,Javascript,Android,Ios,Cordova,Cordova Plugins,我正在尝试部署一个Cordova项目，将我的网站放入iOS和Android移动应用程序中根据两篇教程（&），我必须编辑index.html 第一个教程配置： <!doctype html> <html lang="en" data-framework="javascript"> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

我正在尝试部署一个Cordova项目，将我的网站放入iOS和Android移动应用程序中

根据两篇教程（&），我必须编辑

index.html

第一个教程配置：

<!doctype html>
<html lang="en" data-framework="javascript">
  <head>
     <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    function onBodyLoad()
    {
        document.addEventListener("deviceready", onDeviceReady, false);
        window.location.href = "https://www.website.com/";
    }
    function onDeviceReady()
    {
        // do your thing!
    }
    </script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>

</head>
  <body onload="onBodyLoad()">
  </body>
</html>

<!doctype html>
<html lang="en" data-framework="javascript">
  <head>
     <script>
  function onDeviceReady() {
    if (navigator.connection.type == Connection.NONE) {
      navigator.notification.alert('An internet connection is required to continue');
    } else {
      window.location="https://www.website.com";
    }
  }
  document.addEventListener("deviceready", onDeviceReady, false);
</script>

  </head>
  <body>
    <script src="node_modules/todomvc-common/base.js"></script>
    <script src="js/helpers.js"></script>
    <script src="js/store.js"></script>
    <script src="js/model.js"></script>
    <script src="js/template.js"></script>
    <script src="js/view.js"></script>
    <script src="js/controller.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>


函数onBodyLoad（）
{
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
window.location.href=”https://www.website.com/";
}
函数ondevicerady（）
{
//做你的事！
}

第二个教程配置：

<!doctype html>
<html lang="en" data-framework="javascript">
  <head>
     <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    function onBodyLoad()
    {
        document.addEventListener("deviceready", onDeviceReady, false);
        window.location.href = "https://www.website.com/";
    }
    function onDeviceReady()
    {
        // do your thing!
    }
    </script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>

</head>
  <body onload="onBodyLoad()">
  </body>
</html>

<!doctype html>
<html lang="en" data-framework="javascript">
  <head>
     <script>
  function onDeviceReady() {
    if (navigator.connection.type == Connection.NONE) {
      navigator.notification.alert('An internet connection is required to continue');
    } else {
      window.location="https://www.website.com";
    }
  }
  document.addEventListener("deviceready", onDeviceReady, false);
</script>

  </head>
  <body>
    <script src="node_modules/todomvc-common/base.js"></script>
    <script src="js/helpers.js"></script>
    <script src="js/store.js"></script>
    <script src="js/model.js"></script>
    <script src="js/template.js"></script>
    <script src="js/view.js"></script>
    <script src="js/controller.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>


函数ondevicerady（）{
if（navigator.connection.type==connection.NONE）{
navigator.notification.alert（“需要internet连接才能继续”）；
}否则{
window.location=”https://www.website.com";
}
}
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；

第二个根本不起作用，但第一个配置是

index.html

，该应用程序以白色屏幕打开，并在Safari或Chrome之后打开，网站位于url栏中。但我正在寻找一款真正的移动应用程序

有人可以帮我，并找到一个工作配置，以获得一个移动应用程序的行为？

非常感谢

使用cordova将网站转换为IOS和Android是一种最简单的方法。我将给你一个指南，告诉你如何轻松地做到这一点，而不会出现复杂的情况。（你必须在你的电脑上安装cordova、Xcode和Android Studio）

第一步是创建cordova项目

在终端类型中，sudo cordova创建应用程序的名称com.yourdomain.name应用程序的名称应用程序的名称（将“应用程序的名称替换为真实应用程序的名称”，将“你的域”替换为网站名称）
创建项目后，在终端类型cd中输入应用程序的名称
然后在终端类型sudo cordova平台中添加iOS android，然后按enter键
当你的iOS和android项目都创建好后，你应该会在你的终端上看到“构建成功”
然后输入sudo cordova prepare

下一步

下一步是转到项目位于计算机上的文件，即保存项目的开发或桌面
打开您的项目并转到“www”文件，在那里可以看到CSS index.html JS等等。删除所有文件，将其替换为网站文件并保存
然后返回终端并键入sudo cordova build
当您的项目完成构建后，您将获得“构建成功”。然后，您已经成功地将您的网站转换为iOS和Android应用程序
下一步是转到您的项目iOS目录，双击xcworkspace文件，将在Xcode中打开您的项目。然后，你可以运行你的应用程序和自定义图标，如你所愿。你应该在模拟器中看到你的应用程序
同样，对于Android版本，请遵循与iOS相同的步骤，在Android Studio中打开Android应用程序并运行它，还可以自定义图标等等
如果您想发布，现在可以继续使用iOS应用商店和Google Play的发布指南
这个项目是用Mac电脑构建的，你也可以用windows电脑构建它。它仍然有效

使用或使用

。一个合理的警告是，如果你试图将你的应用程序放在苹果应用商店供任何人下载，它肯定会被拒绝。苹果不接受只加载网站的应用程序。