Phonegap 2.9.0 nicht öffnet externe links in einem Standard-browser

Was ich versuche zu tun, ist super einfach, öffnen Sie einen link über den browser des Geräts, aber es zeigt sich schwieriger als ich gedacht hatte.

Ich das Projekt erstellen, und fügen Sie ios-und android-Plattformen mit:

$ phonegap create project_name
$ phonegap build ios
$ phonegap build android

Habe ich ; innen config.xml (versucht, verschiedene Möglichkeiten, keiner arbeitet) und "stay-in-webview" auf false gesetzt.

Nur die änderungen, die ich in der www/index.html Datei wurde zum hinzufügen von links, die Seite inklusive aller Standard-Skripte(phonegap.js, js/index.js und ein Aufruf von app.initialize()).

Ich habe versucht, alle diese links klicken, werden alle geöffneten innerhalb der webview:

<a href="#" onclick="window.open('http://www.google.com', '_blank', 'location=yes');">_blank</a>
<a href="#" onclick="window.open('http://www.google.com', '_system', 'location=yes');">_system</a>
<a href="#" onclick="window.open('http://www.google.com', '_system');">_system</a>
<a href="http://www.google.com" target="_blank">target _blank</a>
<a href="http://www.google.com">no target</a>

Machen deutlich, dass alle tests, die ich gemacht wo getan in der ios-simulator und dem android-emulator.

Ich gesucht habe, sehr viel versucht, alles, was ich gefunden, aber nichts funktioniert. Vielen Dank für jede Hilfe

InformationsquelleAutor T4deu | 2013-07-29

11

Links in einer Cordova - /PhoneGap-App öffnen in der Standard-browser des Gerätes, müssen Sie sicherstellen, dass window.open(<url>, '_system'); wird verwendet, um darauf zuzugreifen. Damit dies tatsächlich funktionieren -vielleicht ein bisschen counter-intuitiv - Sie brauchen, um den 'InAppBrowser' plug-in.

In Cordova version 2.9.0 der 'InAppBrowser' plug-in ist integriert und Sie müssen lediglich sicherstellen, dass es nicht auskommentiert ist in Cordova ' s config.xml. Von der version 3.0.0 auf Sie haben, installieren Sie das plug-in durch ausführen dieser Befehl von Ihrem Projekt-Verzeichnis:
```
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git
```
Aus der Cordova-Dokumentation, wie 'InAppBrowser' wird das zweite argument target von Fenster.open() in seiner übersteuerten Umsetzung:

Ziel: Das Ziel in dem laden der URL, einen optionalen parameter, der standardmäßig auf _self. (String)
- _self: Öffnet sich in der Cordova WebView wenn der URL in der weißen Liste, andernfalls es öffnet sich in der InAppBrowser.
- _blank: Öffnet in der InAppBrowser.
- _system: Öffnet in den system-web-browser.
Zu trennen, um Bedenken und zu verhindern, dass ich vergessen hinzuzufügen onclick Attribut zu jedem <a/> will ich öffnen in der Standard-browser, ich möchte dynamisch anfügen, dass das Verhalten per JavaScript. Unten ist ein Beispiel der Verwendung von jQuery, in denen das Verhalten auch wieder angebracht nach der UMLADUNG der beteiligten HTML-Code über XHR. Und es wird nur an externe links, damit auch verhindert, dass Sie es mailto: links.
```
$('#idContentwrapper').on('click', '.colofon-text a', function(event) {
    var href = $(this).attr('href');
    if (typeof href !== 'undefined' &&
        href.substr(0, 7) === 'http://')
    {
        event.preventDefault();
        //Open in default browser App (on desktop: open in new window/tab)
        window.open(this.href, '_system', 'location=no');
    }
});
```
Fenster.open(<url>, '_system'); nur das hinzufügen in die '_system', in den neuesten Versionen von Phonegap dies scheint der Weg zu gehen
Ein weiterer dynamischer Ansatz für, wenn es weniger externe links als interne: $('a[target=_system]').click(function(){...})
Für neuere PhoneGap-Versionen, die Sie nicht brauchen, die InAppBrowser-plugin. Aber stellen Sie sicher, dass die white-list ist korrekt konfiguriert. E. g. in config.xml <access origin="*"/> <plugin name="cordova-plugin-whitelist"/> <allow-intent href="http://*/*"/> Finden Sie unter cordova.apache.org/docs/en/latest/guide/appdev/whitelist/...

InformationsquelleAutor ᴠɪɴᴄᴇɴᴛ
3

Ich auch diesem problem begegnet.

Scheint, die meisten beantwortet sind genau das Gegenteil der Frage, die Menschen in der Regel Antworten wie auf das öffnen im inAppBrowser, ich weiß nicht, warum.

Genau wie Sie ich habe versucht, verschiedene Methoden, aber keine Arbeit.
Schließlich habe ich auf native Weise.
Zum Glück, nativen Weg nahm meine nur um nicht mehr als 10 Minuten, die ist viel kürzer, als zu versuchen Leute phonegap Antworten.

In Android,
1. fügen Sie die Zeile in die onCreate Methode zu binden Objekt zur Webseite window-Objekt.
2. fügen Sie eine Methode hinzu, die auf Ihrem gebundenen Objekt, das akzeptieren einer url-Zeichenfolge und Verhalten öffnen Sie browser-Verhalten.
```
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    super.appView.addJavascriptInterface(this, "nativeInterface");
}

public void openInDeviceBrowser(String url) {
    Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
    startActivity(i);
}
```
In html
```
<a href="#" onclick="window.nativeInterface.openInDeviceBrowser('http://www.google.com/')">Google</a>
```
Für iOS

1. hinzufügen, delegieren der MainViewController.h (in meinem Projekt ist es dieser name)
```
@interface MainViewController : CDVViewController<UIWebViewDelegate>  
```
2. set MainViewController als ein webView ist delegieren, fügen Sie folgende Zeile in - (void)webViewDidFinishLoad:(UIWebView*)theWebView{ block
```
    theWebView.delegate = self;  
```
3. umzusetzen " - (BOOL)webView:shouldStartLoadWithRequest:navigationType:" Methode:
```
- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {
if(navigationType==UIWebViewNavigationTypeLinkClicked)
{
    NSURL* url = [request URL];
    if ([[url scheme] isEqualToString:@"http"]) {
        [[UIApplication sharedApplication] openURL:url];
        return NO;
    }
}
return YES;
}
```
Schließlich ändern Sie Ihre html-Aufruf wie unten:
```
<a href="http://www.google.com/" onclick="window.nativeInterface.openInDeviceBrowser('http://www.google.com/')" target="_blank">Google</a></li>
```
Das ist es.
Es einfacher, als ich dachte und für mich arbeiten.
Und ich denke, dies kann verhindern, dass phonegap-api-änderung in der Zukunft wieder.

Hoffe, dass dies auch für Sie nützlich.

InformationsquelleAutor Solomon
2

Ich bin mir nicht sicher, ob das noch relevant ist, aber meine 5c: ich habe gerade einige Neukonfiguration auf meine Cordova 3.3 (nicht PhoneGap Build) app, und lief in das gleiche Problem.
Sie nicht wirklich brauchen, das plugin für das - stellen Sie sicher, link mit:
```
<a href="#" onclick="window.open('http://www.google.com', '_system');">_system</a>
```
...wie Sie geschrieben UND wichtig, in Ihrem project/xml/config.xml
```
<access origin="http://127.0.0.1*"/>
```
Ich habe auch die in-app-browser deaktiviert:
```
 
```
...jetzt funktioniert es wieder gut 😉

Nach hundert versucht, das hat geklappt. Vielen Dank!!

InformationsquelleAutor Chris
2

Lassen Sie eine Antwort,aber vielleicht kann jemand helfen.
```
navigator.app.loadUrl('https://google.com/', { openExternal:true });
```
Cordova 3.3.1

Beste Lösung für mich! Danke Mann.

InformationsquelleAutor AtanuCSE
0

Kämpfte ich versuchen zu bekommen, PhoneGap die inappbrowser arbeiten auf Android, aber nie kein Glück. Mit, dass gesagt wird, ich habe nur den Vorteil von Android ist die native Funktionalität (die Systeme browser und dem Gerät die zurück-Taste). Ich bemerkte aus den folgenden <access origin="*" /> in der config.xml Datei und nur Hinzugefügt der link:
Dieser arbeitete bestraft, link öffnet sich im Geräte-browser und dem Gerät die zurück-Taste, geht nach rechts zurück zu der gleichen Stelle in der app der Benutzer war. Eher oder nicht, das Gerät mit einem Netzwerk verbunden ist, werden auch diese verarbeitet.

meine iOS-version der app arbeitet gut mit dem inappbrowser.

InformationsquelleAutor josh_bailey4

In iOS (zumindest mit PhoneGap 2.9) dies funktioniert

<a href="http://www.google.com" onclick="window.open(this.href,'_system'); return false;">Open</a>

InformationsquelleAutor Kuide

-2

Wenn Sie eine Verbindung herstellen möchten externer link rel Attribut. wie <a href=""> und alles korrekt funktioniert.

Nein, das funktioniert nicht.
Deine Antwort funktioniert nicht für Phonegap-App!

InformationsquelleAutor idurvesh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

In Android,

In html