Sencha Touch示例应用程序在Android上无法全屏显示吗？

Question

RE：Sencha厨房水槽示例，可在以下位置找到： http : //cdn.sencha.io/touch/sencha-touch-2.2.0/examples/kitchensink/index.html

在我的iPhone上，如果我在Safari中打开“厨房水槽”示例，请添加到主屏幕，然后按新的“厨房水槽”主屏幕图标，在该Web应用程序出现之前，将出现Sencha徽标，并填满整个屏幕。 底部没有地址栏，也没有浏览器控件。

我似乎无法在Android上复制它。

我拥有的Android平板电脑正在运行4.1.1，并已在默认浏览器和Chrome 28上进行了测试。我尝试的过程是添加书签，然后转到书签，按住书签并选择“添加快捷方式”。 当我按下主屏幕图标时，实际的图标本身会正确显示（蓝色水槽图片），但是按下它只会在浏览器选项卡中打开普通网站。

问题1：为什么在似乎具有相同浏览器和操作系统版本的Android设备之间存在这种差异...这是Apple功能在某些Android设备上偶然起作用，还是Sencha的问题？

问题2：厨房水槽应用程序是否可以在其他任何人的Android设备上全屏显示？如果可以，我如何在设备上使用它？

注意：真正的问题是，自然地，我有我自己的基于Sencha Touch的Web应用程序，该应用程序在iOS上全屏显示，但在Android上却不全屏显示，但是由于Sencha自己的厨房水槽应用程序无法正常工作，我觉得最好先看一下。 这样，如果我可以进行任何代码破解，都不会破坏Sencha，但可以使全屏正常工作，那么它们也是可取的。

先前的研究：

这里有一个类似的问题，但这对我来说没有任何意义： Android设备上的全屏面板无法使用sencha touch 2.0 RC

这个问题和答案似乎表明，在Android上全屏显示Sencha应用程序绝对可行： 如何在WebKit浏览器上全屏显示Sencha Touch 2页面？

这里有一个线程，但是似乎没有任何明确的解决方案就结束了？ http://www.sencha.com/forum/showthread.php?179678-None-of-the-example-apps-are-full-screen-moremore

这似乎表明它先前已损坏，但现在已修复： http : //www.sencha.com/forum/showthread.php? 176479-PR4-fullscreen-isn-t-full-screen-on- Android

这似乎表明我可能需要破解我自己的代码，但是我已经在Android上测试了O'Reilly示例，其行为与厨房水槽示例相同，但仍无法全屏显示： http：// www。 sencha.com/forum/showthread.php?192525-SOme-issues-Android-address-bar-Offline-mode

更新：一位同事在Galaxy S上对其进行了测试，并且可以在该设备上全屏显示。 它运行的Android版本比平板电脑旧。

更新2：经过进一步测试，到目前为止，它仅可在1/5设备上运行。

这里有一个讨论，但尚不清楚Sencha是否将其识别为错误，最好知道什么是官方热线： http : //www.sencha.com/forum/showthread.php ?117851-Hiding- Android上的地址栏

有一些Java解决方法可供我研究，但同样，Sencha是否不应该立即使用此方法？ http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/

更新3：测试了一些JavaScript黑客。 这里的解决方案： https : //stackoverflow.com/a/4203871/1061602不起作用，即使页面已包含全部内容（因此可以滚动）-我认为这是因为整个视口不是可滚动的，只是其中的面板。

这里的解决方案： https ://stackoverflow.com/a/9100406/1061602也不适用于Sencha Touch，似乎隐藏了底部导航栏。 可能有解决的办法，但我尚未调查

更新4：紧随文章： http : //mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/并尝试实现此要点： https : //gist.github.com/yckart/5609969 -仍然没有喜悦

Answer 1

不幸的是，在Sencha论坛上，我也没有任何回应可以完全回答这个问题。

默认情况下， autoMaximize设置为false： http : autoMaximize

autoMaximize：Boolean是否在首次加载和所有后续方向更改时始终自动最大化视口。

出于多种原因，默认情况下将其设置为false：

启用此功能后，所有设备上的方向更改性能都会大大降低。 在某些设备（大多数为Android）上，当更改默认浏览器缩放设置时，有时可能会导致问题。 将手机包装在本机外壳中时，可能会出现黑屏。 当收藏到主屏幕（iOS）时，您可能会得到空白屏幕。 默认为：false

可用自：2.0.0

看起来（从此处的评论： https ://stackoverflow.com/a/10318762/1061602）以及Sencha论坛上的其他地方，由于这些相关问题，autoMaximize功能始终未得到完全支持。

作为解决方法，我走了另一条路，这对用户来说不是很好，但至少可以预见。

对于iOS设备，Sencha autoMaximise设置可以正常工作，它添加了必需的<meta>标签以使网站可以作为Web应用程序工作。

对于Android设备，解决方法是安装Dolphin浏览器： https : //play.google.com/store/apps/details? id = mobi.mgeek.TunnyBrowser &hl=zh_CN具有全屏附加功能。 从这里，我可以在主屏幕上添加一个书签，它将以全屏模式启动。 注意：如果您在Sencha网站本身上启用了全屏添加，则对我来说它无法正常工作，导航栏会在屏幕上方部分呈现。 如果在另一个站点上启用了全屏添加，然后导航到Sencha站点，则它可以工作。

在此之前，我尝试使用Firefox（添加了全屏功能，但Sencha Touch不能在Firefox上运行）和另一个全屏浏览器（ https://play.google.com/store/apps/details?id = com.browser.sogood.ui＆hl = zh_CN ，这有点sc琐 ，并且无法制作主屏幕快捷方式）。 Chrome Beta和Chrome 28在滚动时具有全屏显示，但目前不支持扩展程序或全屏设置。 我了解默认的Android浏览器在4.3或更高版本中的选项卡下也具有全屏选项，但目前我仍停留在4.1.1上，默认的Android浏览器可能是将来购买硬件时的最佳选择。

更新

简短的更新，因为它有很多观点，我可以确认Android上的Chrome Beta现在可以满足全屏要求，因此不需要Dolphin。