1

Phonegap プロジェクトで Intel の App Framework を試しています。

私のデスクトップ ブラウザではすべて正常に動作しますが、最も基本的な例でさえ、Android デバイスでは惨めに失敗します (公式の SDK エミュレータである Genymotion と実際の電話を試しました)。

のソースは次のindex.htmlとおりです。

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="utf-8"  />
    <meta name="format-detection" content="telephone=no"  />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"  />

    <link rel='stylesheet' type='text/css' href='css/icons.css' />
    <link rel='stylesheet' type='text/css' href='css/af.ui.css' />

    <script type="text/javascript" src="js/appframework.js"></script>
    <script type="text/javascript" src="js/appframework.ui.js"></script>
  </head>

  <body>
    <div id="afui">
    </div>
  </body>

</html>

どういうわけか、次のように、Android アプリで非常に歪んだ画面が表示されます。

ここに画像の説明を入力

これは、青色のヘッダーと青色のフッターを持つ基本的な白い Intel App Framework ページである必要があります。

必要なすべての css および js ファイルが適切な場所にコピーされます。

何か案は ？

アップデート：

黒い画面 (白ではなく) は、Android デバイスに自動的に読み込まれる Android テーマに関係していました。

以下を使用できます。

 $.ui.useOSThemes=false;

これを防ぎ、デフォルトのテーマを使用するだけです (ブラウザと同じ)。

4

1 に答える 1