PhoneGap Build：如何在Android設備瀏覽器中打開外部網址？

Question

我的PhoneGap Android應用程序的系統瀏覽器中未打開外部URL。我正在使用PhoneGap Build 2.3.0。

按照Cordova documentation我使用的目標 '_SYSTEM'：

window.open('http://www.myurl.nl', '_system'); 

在我的config.xml中我有：

<plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" /> 
<access origin="*" browserOnly="true" /> 

但還是鏈接我的應用程序的WebView打開。

如何解決這個問題？

Answer 1

，當你想使用PhoneGap的建設，以保持這不是問題的答案，但我解決了我的機器上設置的科爾多瓦（PhoneGap的）開發環境和編譯問題在本地應用。在科爾多瓦2.5.0 window.open('http://www.myurl.nl', '_system');工程完美，它會打開系統的瀏覽器中的鏈接。

所以我的建議是停止使用PhoneGap的建立，並開始在本地編譯您的應用程序。 Here's how to set up your development environment for Cordova >>

Answer 2

使用此

window.open('http://www.myurl.nl', '_blank', 'location=yes');

Answer 3

這個問題是現在有點老了，但我覺得這是值得更新。與2.9.0一起使用時，PhoneGap Build現在可以正常工作。

我已經在Android 4.3和iOS 6.1.3上編譯並測試了它。我沒有InAppBrowser插件在我的應用程序因爲這是在應用程序中打開網頁，而不是導致本地瀏覽器打開它們，我只有在訪問標籤以下內容：

<access origin="http://127.0.0.1*"/> 
<access origin="http://phonegap.com" subdomains="true" /> 

Answer 4

遲到的回答，但可能是它可以幫助某人。

navigator.app.loadUrl('https://google.com/', { openExternal:true }); 

科爾多瓦3.3.1

Answer 5

這爲我工作。 Phonegap 3.1.0。

的html代碼：

<a id="ext-link" href="#">Google it</a> 

或

<button id="ext-link" href="#">Google it</button> 

的JavaScript（用jQuery +科爾多瓦）：

$("#ext-link").on("click"), function() { 
    if (typeof navigator !== "undefined" && navigator.app) { 
     // Mobile device. 
     navigator.app.loadUrl('http://www.google.com/', {openExternal: true}); 
    } else { 
     // Possible web browser 
     window.open("http://www.google.com/", "_blank"); 
    } 
}); 

希望有所幫助。

Answer 6

@George Siggouroglou：這不是用於元素的ID，最終將一個文檔中出現一個以上的時間是個好主意。取而代之的是讓代碼更加模塊化的好做法。

如果希望觸摸設備的也是不錯的選擇之前使用「點擊」，「點擊」，因爲它觸發速度更快，早於一點擊。檢查觸摸能力的東西，我喜歡使用modernizr，因爲它使功能檢測輕而易舉。

The jQuery Mobile tap event triggers after a quick, complete touch event that occurs on a single target object. It is the gesture equivalent of a standard click event that is triggered on the release state of the touch gesture. https://api.jquerymobile.com/tap/

希望幫助別人

**html code:** 

<a class="ext-link" href="#">Google it</a> 

或

<button class="ext-link" href="#">Google it</button> 

的JavaScript（用jQuery）：

//define tab or click event type on rool level (can be combined with modernizr) 
iaEvent = "click"; 
if (typeof navigator !== "undefined" && navigator.app) { 
    iaEvent = "tap"; 
} 
$('.ext-link').each.bind(iaEvent, function() { 
    if (typeof navigator !== "undefined" && navigator.app) { 
     // Mobile device. 
     var linktarget = this.attr("href"); 
     navigator.app.loadUrl(linktarget, {openExternal: true}); 
    } else { 
     // Possible web browser 
     window.open(linktarget, "_blank"); 
    } 
});