如何在WebKit浏览器上全屏显示Sencha Touch 2页面？ [英] how to fullscreen a Sencha Touch 2 page on a WebKit browser?

问题描述

当我在我的Android-WebKit浏览器上访问http://www.wikpic.com/时，页面呈现在全屏上，换句话说，显示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});
    }

});

谢谢！

推荐答案

您正在查找autoMaximizeViewport：

的配置

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

请记住，它可能会导致一些问题(摘自Sencha文档)：

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

这篇关于如何在WebKit浏览器上全屏显示Sencha Touch 2页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！