在phonegap中启动时打开网址

时间:2017-09-25 18:00:11

标签: cordova jquery-mobile phonegap-plugins

我想在有人点击应用图标时打开网站网址,即打开应用。

我试过这样的事但没有运气。

    <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>

任何帮助?

2 个答案:

答案 0 :(得分: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之前,您必须将插件安装到项目中。通过commanline将inappbrowser添加到项目中

$ cordova plugin add cordova-plugin-inappbrowser

答案 1 :(得分:1)

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

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

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

或者这个,如果你想允许导航到yourdomain.com上的所有网址

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