回复:煎茶厨房水槽示例,可在此处获得: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 - 仍然没有快乐