1

Monacaを用いてiOSとAndroidのハイブリッドアプリを開発しております。外部URLをinappbrowserで開こうとしているのですが、挙動がおかしいです。

window.open(href, '_blank');

とすると、ちゃんとinappbrowserが起動するのですが、

window.open(href, '_self');

とすると、inappbrowserが起動はしているのかもしれませんが、通常のinappbrowserではなく、戻るボタン(<)や閉じるボタン(×)が表示されません。つまり、inappbrowserを開いたら、アプリに戻れなくなってしまいます。ちゃんとinappbrowserプラグインも入れています。

引数が _blank から _self になっただけで起動しなくならなくなるのはなんか変です。

window.open(href, '_self'); としたときにも、どうすればちゃんとinappbrowserが起動するでしょうか?

3

1 件の回答 1

1

基本的には出来ませんが、
WhiteListから対象のURLを除外すればCordovaWebViewで開けないので
InAppBrowserを強制することが出来るのではないでしょうか?
InAppBrowserには開く先をオプションで指定する機能があります。

  • _self: 指定されたURLがWhiteListにある場合CordovaのWebViewで開きます。
        それ以外の場合はInAppBrowserで開きます。
  • _blank: InAppBrowserで開きます。
  • _system: OSのデフォルトに設定されているWebブラウザーで開きます。

ですが、ブラックリストではないことに注意です。
ホワイトリストですので許可されたURLのみCordovaWebViewからアクセスできます。
初期設定であればhttphttpsの接続を全て許可しているかと思います。
外部のサーバに画像を読みに行ったり、Ajaxで通信を行ったりしている場合は設定に要注意です。

3
  • ありがとうございます。 CordovaのWebViewで開いてほしいURLと、ajax, jqueryのために ajax.googleapis.com* code.jquery.com* はホワイトリストに追加してみました。 このホワイトリストにないURLのみをinappbrowserで開いてほしいのですが、今度は、URLをタップしても、なにも反応しなくなってしまいました。。。 Commented 2016年3月15日 6:07
  • module.controller('page1_controller', function($scope) { ons.ready(function() { $("#target").load(function(){ $("#target").contents().find('a').click(function(){ var href = $(this).attr("href"); // alert(href); cordova.InAppBrowser.open(href, '_self'); //_self, _block //ref.show(); }); }); }); }); Commented 2016年3月15日 6:14
  • 3点ほど、1点目、コードなどの追加情報は見づらいので質問文を編集する形で追記してください。2点目、WhiteListの記述の全文を記載してください。聞く限りではWhiteListの項目が足りていません。3点目、質問文へのコメントでunaristさんが訪ねていらっしゃいますがどうでしょうか?_selfは文字通り現在アクティブなページで自信を上書きして開くのが正しい挙動かと思います。
    – user10259
    Commented 2016年3月17日 1:09

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。