Question

我已经创建了一个带有sencha touch 2的Web应用程序。现在我想在打开这个应用程序时使iOS / android隐藏浏览器地址栏。我试图通过互联网上找到的很多方式来做这件事，但都没有奏效。大多数人建议我按照这个问题的答案进行操作：how to fullscreen a Sencha Touch 2 page on a WebKit browser?

但这也不起作用。我和一些在办公室工作时比我更长的人工作了。他们说autoMaximize配置从来没有对它们中的任何一个起作用，但是那个曾经的同事曾经设法以其他方式做到这一点。

所以......任何人都知道让我的webapp在全屏模式下运行的任何其他方式，或者为什么autoMaximize可能不起作用？

更新：示例代码

Ext.application({
name: 'App',

viewport: {
  autoMaximize: true
},

requires : [
    'Ext.Panel'
],

launch: function() {
    Ext.Viewport.add({
        xtype:'panel',
        fullscreen:true,
        html:'hi'
    });
},});

更新2：它似乎在Android上正常工作。

Answer 1

如果您想在移动设备上拥有真正的全屏网页应用，则必须将其部署为混合网络应用。这意味着要针对本机OS SDK进行编译。您可以使用PhoneGap和OS SDK来完成此任务。

查看此信息以获取更多信息： http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/

在Android中，底线是扩展org.apache.cordova.DroidGap并覆盖方法onCreate（），如下所示：

public class App extends DroidGap
{
    /**
     * Called when the activity is first created.
     */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.init();

        super.setIntegerProperty("loadUrlTimeoutValue", 60000);
        loadUrl("file:///android_asset/www/index.html");
    }
}

其中'index.html'是您的ST网页。

希望它有所帮助。欢呼声。

Answer 2

根据我的经验，您的问题的答案与您引用的问题相同：

how to fullscreen a Sencha Touch 2 page on a WebKit browser?

它总是对我有用。

但是，在处理应用程序的未编译版本时，我有时会遇到此配置错误。以下问题显示了我得到的错误以及我如何设法解决它。

viewport autoMaximize causes Timeout waiting for window.innerHeight to change on iPhone

希望这有帮助

如何创建全屏sencha touch 2网络应用程序？

2 个答案: