外部リンクを開く方法

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）で開く。

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


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