将cordova与现有的webapp一起使用

时间:2016-12-08 08:08:49

标签: cordova ionic-framework phonegap-build

我想在cordova的flask服务器中显示动态生成的html。我搜索了答案,他们中的很多人建议在index.html文件中执行类似的操作。

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8">
<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
<script type="text/javascript">
     function onBodyLoad(){     
        document.addEventListener("deviceready", onDeviceReady, false);
     }
     function onDeviceReady(){
         window.location.href = <your_remote_url>
     }
}
</script>

可悲的是,这不起作用,并在设备的本机浏览器中打开页面。还有其他工作吗?提前谢谢。

2 个答案:

答案 0 :(得分:1)

在应用浏览器中使用cordova。

这将打开应用程序本身的页面。

安装

cordova plugin add https://github.com/apache/cordova-plugin-inappbrowser

如何使用支票..

https://github.com/apache/cordova-plugin-inappbrowser#sample

答案 1 :(得分:1)

如果您感觉不舒服安装另一个插件, 请尝试使用iframe在应用内显示网页浏览量。 像,

<div style="height: 100vh;">
  <iframe src="http://google.com" style="border: 0; height: 100vh; width:100%"></iframe>
</div>