ブラウザでのリンクを開く電話ギャップ

<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a>

ちょっとエキスパート私はphonegap 2.9.0を使用していますが、上記のコードを使用してブラウザでリンクを開いていますが、同じアプリでリンクを開いています......サファリブラウザを開く方法は？

同じアプリでウェブサイトを開き、アプリに戻ることができないため、アプリを削除して再度インストールする必要があります。

同様の質問で提案されているように、InAppBrowserのドキュメントに従って、JavaScriptを使用window.openしてtarget引数をに設定し_systemて呼び出します。

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

これは機能するはずですが、より優れた、より柔軟なソリューションはclick、すべてのリンクのイベントをインターセプトwindow.openし、リンクの属性から読み取られた引数で呼び出すことです。

これを機能させるには、InAppBrowserプラグインをインストールする必要があります。

cordova plugin add cordova-plugin-inappbrowser

他の投稿で回答されているように、プラットフォームごとに2つの異なるオプションがあります。私がしていることは：

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {

    // Mock device.platform property if not available
    if (!window.device) {
        window.device = { platform: 'Browser' };
    }

    handleExternalURLs();
}

function handleExternalURLs() {
    // Handle click events for all external URLs
    if (device.platform.toUpperCase() === 'ANDROID') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            navigator.app.loadUrl(url, { openExternal: true });
            e.preventDefault();
        });
    }
    else if (device.platform.toUpperCase() === 'IOS') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            window.open(url, '_system');
            e.preventDefault();
        });
    }
    else {
        // Leave standard behaviour
    }
}

ご覧のとおり、私はデバイスプラットフォームをチェックしており、それに応じて別の方法を使用しています。標準的なブラウザの場合、私は標準的な動作のままにしておきます。これからは、ソリューションはAndroid、iOS、ブラウザで正常に動作しますが、HTMLページは変更されないため、URLを標準のアンカーとして表すことができます

<a href="http://stackoverflow.com">

ソリューションにはInAppBrowserおよびデバイスプラグインが必要です

<a onclick="navigator.app.loadUrl('https://google.com/', { openExternal:true });">Link</a>

AndroidとPG 3.0で動作します

AndroidとiPhoneでURLを開く方法は2つあります。

FOR IOSは次のコードを使用します。

window.open("http://google.com", '_system');

Android OSの場合は、次のコードを使用します。

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

ついにこの投稿がiOSで私を助けてくれます：http : //www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/。

「CDVwebviewDelegate.m」ファイルを開いて「shouldStartLoadWithRequest」を検索し、次のコードを関数の先頭に追加します。

if([[NSString stringWithFormat:@"%@",request.URL] rangeOfString:@"file"].location== NSNotFound) {
    [[UIApplication sharedApplication] openURL:[request URL]];
    return NO;
}

navigator.app.loadUrl("http://google.com", {openExternal : true});Android用に使っても大丈夫です。

Cordova 3.3.0経由。

これらの回答はどれも、外部リンクを各プラットフォームで開くことができるほど明確ではありません。あたりとしてinAppBrowserドキュメント：

インストール

cordova plugin add cordova-plugin-inappbrowser

window.openを上書きします（オプションですが、簡単にするためにお勧めします）

window.open = cordova.InAppBrowser.open;

を上書きしない場合window.open、ネイティブwindow.open関数を使用することになり、クロスプラットフォームで同じ結果が得られるとは期待できません。

デフォルトのブラウザでリンクを開くために使用します

window.open(your_href_value, '_system');

inAppBrowserのターゲット（プラグイン名が使用することを示唆しているもの）は'_blank'、ではなくであることに注意してください'_system'。

上記の手順がないと、デフォルトのブラウザーアプリのクロスプラットフォームで開くリンクを取得できませんでした。

追加クレジット

次に、リンクの（ライブ）クリックハンドラーの例を示します。

document.addEventListener('click', function (e) {
    if (e.target.tagName === 'A' &&
        e.target.href.match(/^https?:\/\//)) {
        e.preventDefault();
        window.open(e.target.href, '_system');
    }
});

たまたまjQueryがある場合は、次のようにリンクのクリックを遮断できます。

$(document).on('click', 'a', function (event) {
    event.preventDefault();
    window.open($(this).attr('href'), '_system');
    return false;
});

これにより、HTML内のリンクを変更する必要がなくなり、時間を大幅に節約できます。これをデリゲートを使用して設定しました。そのため、2番目の引数として「a」タグを使用して、ドキュメントオブジェクトに関連付けられているのがわかります。このように、いつ追加されたかに関係なく、すべての「a」タグが処理されます。

もちろん、引き続きInAppBrowserプラグインをインストールする必要があります。

cordova plugin add org.apache.cordova.inappbrowser

window.open('http://www.kidzout.com', '_system');

機能しますが、inappbrowserプラグインがインストールされている場合のみです。ターミナルを使用してインストールするには、プロジェクトのwwwフォルダーを参照し、次のように入力します。

phonegap plugin add org.apache.cordova.inappbrowser

または

cordova plugin add org.apache.cordova.inappbrowser

次に、ブラウザでリンクが開きます。

Cordova 5.0以降では、プラグインInAppBrowserはCordovaプラグインレジストリーで名前が変更されているため、次を使用してインストールする必要があります。

cordova plugin add cordova-plugin-inappbrowser --save

次に使用します

<a href="#" onclick="window.open('http://www.kidzout.com', '_system');">www.kidzout.com</a>

iOSに重点を置いたPhoneGapビルド（v3.4.0）を使用しています。PhoneGapがInAppBrowserプラグインを認識するには、config.xmlにこのエントリを含める必要があります。

<gap:plugin name="org.apache.cordova.inappbrowser" />

その後、window.open（url、target）を使用すると、期待どおりに機能するはずです。

私はまた、ブラウザでリンクが開かないという問題に直面しました。これは私の手順の修正です：

1：このCordovaプラグインをインストールします。

cordova plugin add cordova-plugin-inappbrowser

2：以下のようにHTMLにオープンリンクを追加します。

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

3：これは私が多くの問題に直面したため、これは最も重要なステップcordova.jsです：ファイルをダウンロードしてwwwフォルダーに貼り付けます。次に、これをindex.htmlファイルで参照します。

<script src="cordova.js"></script>

このソリューションは、AndroidとiPhoneの両方の環境で機能します。

このような ：

<a href="#" onclick="window.open('https://www.nbatou.com', '_system'); return false;">https://www.nbatou.com</a>