LoginSignup
4
1

More than 5 years have passed since last update.

【monaca】Inappbrowserにて、複数のoptionを指定する方法

Last updated at Posted at 2015-09-12

問題点

Monacaにて、アプリ開発を行っておりまして、
Inappbrowserという、webブラウザビューを立ち上げるプラグインを使用して、
Safari等のアプリを使用せずに開発アプリ内でブラウザビューを起動する実装を行っておりました。

InAppbrowser書式
var ref = window.open(url, target, options);

optionsにパラメータを指定する事で、ツールバーを非表示にしたりなどのカスタマイズを行う事が出来るのですが、複数指定すると上手く読み込んでくれません。

問題コード
var ref = window.open('http://qiita.com/', '_blank', 'toolbar=yes, toolbarposition=top');

ツールバーは表示されるけど、ツールバーは下段に表示されたまま・・・(´・ω・`)

解決方法

我らがstackoverflow様に投稿がありました。

以下要約です。

How to set mutipule inAppBrowser options
Q.
下のように書いたのですが、複数読み込んでくれません。!

 var ref = window.open('http://apache.org', '_blank', 'location=no&hidden=no');

助けてください。

A.
下のように書いてください。

 var ref = window.open('http://apache.org', '_blank', 'location=no,hidden=no');

Phonegapのドキュメントによると
・オプションの文字列は、空白を含んではいけません。
・プロパティは カンマ[,]で句切られる必要があります。
・プロパティは大文字と小文字は区別しません。
と書かれています。

以上を参考にし、書き直しました。

修正後コード
window.open('http://qiita.com/', '_blank', 'toolbar=yes,toolbarposition=top');

結果、期待通りに、ツールバーは表示され、また、ツールバーの位置は上部になりました。
(※ そもそもtoolbarはデフォルトでyesなので、ある意味不要ですが。)

まとめ

Inappbrowserのオプションには
 ・空白をいれない
 ・各プロパティは、カンマで区切る

補足

InappbrowserのMonaca公式ドキュメントにかかれてました。。

options の文字列に、空白は挿入できません。
各設定 ( 名称と値の組み合わせ ) の間を、コンマで区切る必要があります。
各設定の名称では、大文字・小文字を区別しません。

書いてありました。。。
Monacaのドキュメント本当助かるので、しっかり読まないといけませんね。

どなたかの役に立てば幸いです。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1