2020-01-10 更新

外部リンクを開く方法

Cordovaで外部リンクを開く場合、window.open()を使用しないと開けなかったので、その時のメモです。

目次

  • コード
  • 確認
  • 参考リンク

コード

HTML


<a href="#"  ng-click="openUrl()">外部リンクを開く</a>

JavaScript


$scope.openUrl = function(url) {
    window.open("https://oar.st40.xyz/", "_system");
}

window.open()でターゲットに指定した値による動作の違い。

  • _system:システムのWebブラウザーで開きます。
  • _blank:InAppBrowserで開きます。

確認

_system(システムのWebブラウザー)で開く。

_blank(InAppBrowser)で開く。

ちなみに、InAppBrowserで開く際に、上部のURLヘッダーが微妙なので非表示にしたい場合は以下のようにオプションで「location=no」を設定する。


$scope.openUrl = function(url) {
    window.open("https://oar.st40.xyz/", "_system", "location=no");
}

参考リンク

Cordova】関連記事