2017-09-25 104 views
0

我想在有人点击应用程序图标(即打开应用程序)时打开网站网址。在手机上启动时打开网址

我试过这样的东西,但没有运气。

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

任何帮助?

+0

喜导航到所有URL做到这一点。你能告诉我为什么我在Android上的启动画面之后只有当我使用上述函数时才会出现黑屏? – Damon

回答

0

项目之前,必须先配置白名单,让您的应用程序导航到该网站。

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

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

或这一个,如果你想允许在yourdomain.com

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

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

如果你想显示你的网站,一个div,你可以通过负载做(),或通过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()); 
    } 
}); 

OR由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通过commanline

$ cordova plugin add cordova-plugin-inappbrowser