Question

我正在开发一个 sencha-touch-2 应用，它将嵌入 iPhone UIWebview 。 UIWebview大小为280x420，以iPhone屏幕为中心。一切在sencha开发上都很完美，但是当我尝试将sencha构建到生产中时，sencha页面的大小拉伸或者不符合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>

此代码适用于开发，但在更改为生产时，页面会发生变化。我应该怎样做才能在生产版本上进行，因为生产加载速度非常快。

Answer 1

试试这个，只需在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将使用内置的元标记覆盖您的脚本。那么，你的元标记会被加载但会被它自己的元标记所取代。

Sencha构建生产无法插入元标记

1 个答案: