Sencha touch 2 如何在WebKit浏览器上全屏显示Sencha Touch 2页面？

当我在Android WebKit浏览器上访问时，页面会全屏显示，换句话说，显示URL的导航栏会消失。我该怎么做

我尝试了此选项，但不起作用：

Ext.create('MyApp.view.MyList', {fullscreen: true});

这是我的app.js代码：

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    models: [
        'Contacto'
    ],
    stores: [
        'Contactos'
    ],
    views: [
        'MyList'
    ],
    name: 'MyApp',

    launch: function() {

    Ext.create('MyApp.view.MyList', {fullscreen: true});
    }

});

谢谢

您正在查找视口的配置：

Ext.application({
    viewport: {
        autoMaximize: true
    },
    ...
});

请记住，这可能会导致一些问题（摘自Sencha文档）：

• 在所有设备上启用此功能后，方向更改性能将显著降低
• 在某些设备（主要是Android）上，当更改默认浏览器缩放设置时，这有时会导致问题
• 将手机包装在本机外壳中时，可能会出现一个空白屏幕

---

不幸的是，在iOS上使用Chrome时，这不起作用。求助于贝洛提供的解决方案，但这会导致底部tabbar被切断。是 啊不幸的是，这些浏览器并不能让我们轻松做到这一点。这就是我们默认禁用它的原因。目前我不确定是否有任何解决方案。autoMaximize实际上做什么？从技术上讲，它依赖于什么样的css/js算法？@SergeySob我相信它会在任何大小变化时，将应用程序的宽度和高度硬编码为窗口的宽度和高度。