加載外部Ionic /科爾多瓦應用程序的外部鏈接

Question

我正在處理一個Ionic/Cordova應用程序，我在其中加載包含外部鏈接的提要和新聞。我需要在應用程序之外加載這些外部鏈接，而不是在InAppBrowser中，但在手機瀏覽器中。

是否有可能將此作爲所有鏈接的默認行爲？

Answer 1

對於外部鏈接，您必須使用inAppbrowser插件。包含在手機瀏覽器中打開的插件後，您需要使用該插件。使用代碼

var ref = window.open('http://apache.org', '_system', 'location=yes'); 

/* 
_self: Opens in the Cordova WebView if the URL is in the white list, otherwise it opens in the InAppBrowser. 
_blank: Opens in the InAppBrowser. 
_system: Opens in the system's web browser. 
*/ 

Answer 2

您有以下插件

> ionic plugin add cordova-plugin-inappbrowser 

安裝內部的index.html

<div class="list"> 
    <a class="item" href="#" onclick="window.open('http://google.com', '_system', 'location=yes'); return false;"> 
     Open Browser 
    </a>  
</div> 

有關此插件訪問plugin page更多信息。

Answer 3

要使用相應的系統應用程序打開URL，您需要whitelist plugin。如果您的項目基於腳手架演示程序，則應該已經安裝。如果沒有（或僅僅是爲了保證）：

ionic plugin add cordova-plugin-whitelist 

一旦插件安裝後，你將不得不指定intend你想從你的應用程序中打開。在你的config.xml中，添加：

<allow-intent href="http://*/*" /> 
<allow-intent href="https://*/*" /> 
<allow-intent href="tel:*" /> 
<allow-intent href="sms:*" /> 
<allow-intent href="mailto:*" /> 
... 

鑑於上述規則，所有的URI與指定協議的一個聲明（HTTP，HTTPS，電話，短信，郵寄地址，...）將使用相應的開放系統應用。當然，通過用實際值替換*通配符可以更具體。

有關其他詳細信息，請參閱this article。