0

こんにちは私はiPhoneUIWebviewに埋め込まれるsencha -touch-2アプリを開発しています。UIWebviewのサイズは280x420で、iPhone画面の中央に配置されます。煎茶の開発ではすべてが完璧に機能しますが、煎茶を本番環境に組み込むと、煎茶のページのサイズが伸びたり、UIWebviewのサイズに合わなかったりします。以下のコードを参照してください

煎茶

index.htmlの本文にメタタグを追加する

<body>
    <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <div id="appLoadingIndicator">
        <div></div>
        <div></div>
        <div></div>
    </div>
</body>

このコードは開発では機能しますが、本番環境に変更するとページが変更されます。プロダクションはロード時に非常に高速であるため、プロダクションビルドでそれを作成するにはどうすればよいですか。

4

1 に答える 1

3

これを試してください。このスクリプトを html body タグに追加するだけです。

<script type="text/javascript">
         setTimeout(function(){
             var meta = document.createElement('meta');
             meta.setAttribute("name","viewport");
             meta.setAttribute("content","width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;");
            (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(meta);
         },1000);
    </script>

Sencha touch 2.0 は、組み込みのメタ タグでスクリプトを上書きします。そのため、メタ タグが読み込まれますが、独自のメタ タグに置き換えられます。

于 2012-07-01T12:15:39.813 に答える