在 phonegap 中启动时打开 url

Question

我想在有人点击应用程序图标时打开网站 url，即打开应用程序。

我尝试过类似的方法，但没有成功。

    <script src="cordova.js"></script> 
        <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    }

    function onDeviceReady() {
        window.open("http://mywebsite.com");
    }

    </script>

</head>


  <body onload="onLoad()"></body>

有什么帮助吗？

Answer 1

您可以使用 Jquery load() 或 Ajax 或 InApp 浏览器将您的网站加载到应用程序。

如果您想向 div 展示您的网站，您可以通过 load() 或 ajax 调用

来完成

HTML:

<div id="Load"></div>
<hr/>
<div id="ajax"></div>

JS:

/*Using Jquery Load()*/
$('#Load').load('http://apache.org');

/*Using ajax*/
$.ajax({
  dataType:'html',
  url:'http://apache.org',
  success:function(data) {
    $('#ajax').html($(data).children());   
  }
});

或 Inapp browser

//using device ready
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
  window.open = cordova.InAppBrowser.open;
  window.open('http://apache.org','_self');
}

//simple code 
var ref = cordova.InAppBrowser.open('http://apache.org', '_self');

在使用 inappbrowser 之前，您必须将插件安装到您的项目中通过命令行将 inappbrowser 添加到项目中

$ cordova plugin add cordova-plugin-inappbrowser

Answer 2

您必须配置白名单以允许您的应用导航到该站点。

您可以将此行添加到您的 config.xml

<allow-navigation href="http://mywebsite.com" />

或者这个，如果你想允许导航到 yourdomain.com

上的所有 url

<allow-navigation href="http://mywebsite.com/*" />

在 phonegap 中启动时打开 url

Open url on launch in phonegap

jquery-mobile

phonegap-plugins

cordova