2017-09-25 59 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