[onsen UI]iPhoneで表示されてAndroidで表示されない

Onsen UI(ons-splitter)を使ってハイブリットアプリを作っていた時にはまった落とし穴
iPhoneや古いAndroid(Lollipop)では表示されるけど、
最新のAndroid(Marshmallow)以降では表示されない
そんな症状が出たのでここにメモっておく


表示するHTMLを1つのHTMLファイルに記述する場合はMarshmallow以降のAndroidも表示OK

<ons-template id="home.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>

<ons-template id="settings.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>

<ons-template id="about.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>

表示するHTMLを複数のHTMLファイルに記述する場合はMarshmallow以降のAndroidでは表示NG 真っ白~

<ons-template id="home.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>
<ons-template id="settings.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>
<ons-template id="about.html">
  <ons-page>
  ・・・
  </ons-page>
</ons-template>

ソース管理しやすいと思って後者のように複数のHTMLファイルに分けたんだけど
失敗だった、、、
Onsen UIドキュメント通りに書くべきですなぁ

スポンサーリンク
スポンサーリンク
スポンサーリンク
  • このエントリーをはてなブックマークに追加

コメントをどうぞ

メールアドレスが公開されることはありません。