問題点
Monacaにて、アプリ開発を行っておりまして、
Inappbrowserという、webブラウザビューを立ち上げるプラグインを使用して、
Safari等のアプリを使用せずに開発アプリ内でブラウザビューを起動する実装を行っておりました。
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のドキュメント本当助かるので、しっかり読まないといけませんね。
どなたかの役に立てば幸いです。