0

回复：煎茶厨房水槽示例，可在此处获得：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 进行了测试。我尝试的过程是添加书签，然后转到书签，按住书签并选择添加快捷方式到主页。当我按下主屏幕图标时，实际图标本身会正确显示（蓝色水槽的图片），但按下它只会在浏览器选项卡中打开正常的网站。

Q1：为什么Android设备之间会出现这种差异，似乎具有相同的浏览器和操作系统版本......这是Apple的一个功能，只是偶然在某些Android设备上运行，还是Sencha的问题？

Q2：厨房水槽应用程序是否可以在 Android 上对其他人全屏运行，如果可以，我怎样才能让它在我的设备上运行？

注意：真正的问题自然是，我有自己的基于 Sencha Touch 的网络应用程序，它在 iOS 上是全屏的，但在 Android 上不是，但由于 Sencha 自己的厨房水槽应用程序不起作用，我觉得最好先看看。因此，如果我可以进行任何不会破坏 Sencha，但可以使全屏工作的代码 hack，它们也将是可取的。

以前的研究：

这里有一个类似的问题，但这对我来说没有任何意义：can not full screen panel on android device use sencha touch 2.0 RC

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

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

这似乎表明它以前被破坏但现在已修复：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 是否将其识别为 bug，最好知道官方线路是什么：http ://www.sencha.com/forum/showthread.php?117851-Hiding- Android 上的地址栏

有一些 Javascript 变通办法，我可以调查，但同样，这不应该与 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 - 仍然没有快乐

4

1 回答 1

0

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

autoMaximize默认设置为 false：http ://docs.sencha.com/touch/2.0.2/#!/api/Ext.viewport.Default-cfg-autoMaximize

autoMaximize : Boolean 是否总是在第一次加载和所有后续方向更改时自动最大化视口。

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

启用此功能后，所有设备上的方向更改性能都会大大降低。在某些设备（主要是 Android）上，这有时会在更改默认浏览器缩放设置时导致问题。将手机包裹在原生外壳中时，您可能会看到一个空白屏幕。将书签添加到主屏幕 (iOS) 时，您可能会看到一个空白屏幕。默认为：假

可用时间：2.0.0

看起来（来自这里的评论：https : //stackoverflow.com/a/10318762/1061602）和 Sencha 论坛上的其他地方，由于这些相关问题，autoMaximize 功能无论如何都没有得到完全支持。

作为一种解决方法，我走了一条不同的路线，这对用户来说并不出色，但至少是可以预测的。

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

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

在此之前，我尝试了 Firefox（它有一个全屏插件，但 Sencha Touch 在 Firefox 上不起作用）和另一个全屏浏览器（https://play.google.com/store/apps/details?id =com.browser.sogood.ui&hl=en，这只是有点邋遢，而且没有办法制作主屏幕快捷方式）。Chrome Beta 和 Chrome 28 支持全屏滚动，但目前不支持扩展或全屏设置。我知道默认的安卓浏览器在 4.3 以上的选项卡下也有全屏选项，但我目前卡在 4.1.1，默认的安卓浏览器可能是未来购买硬件时的最佳选择。

更新

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

于 2013-08-13T14:34:57.633 回答