3

我用 sencha touch 2 创建了一个网络应用程序。现在我想在打开这个应用程序时让 iOS/android 隐藏浏览器地址栏。我尝试了很多我在互联网上找到的方法，但没有一个奏效。大多数人建议我按照这个问题的答案做：如何在 WebKit 浏览器上全屏显示 Sencha Touch 2 页面？

但这也没有用。我和一些在办公室工作的人比我在煎茶上工作的时间更长。他们说 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 上运行良好。

4

2 回答 2

1

如果您想在您的移动设备上拥有真正的全屏 Web 应用程序，您必须将其部署为混合应用程序。这意味着针对本机 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 网页。

希望能帮助到你。干杯。

于 2012-12-13T01:18:37.967 回答
0

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

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

它一直对我有用。

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

viewport autoMaximize 导致 Timeout waiting for window.innerHeight 在 iPhone 上更改

希望这可以帮助

于 2012-10-09T16:56:03.887 回答