IBM Worklight 5.0.6.1 - iOS 7 中的底部空白

Posted 2023-02-25

【中文标题】IBM Worklight 5.0.6.1 - iOS 7 中的底部空白

【英文标题】：IBM Worklight 5.0.6.1 - Bottom white space in iOS 7

【发布时间】：2013-08-30 12:45:17

【问题描述】：

如您所见，我的页面底部仍然是一个空白区域。 它的高度与 ios6 中的旧状态栏相同。 我必须修改css吗？因为我从未为我的应用固定高度，所以 worklight 总是选择合适的尺寸。

编辑：您必须保存图像并在具有不同颜色的桌面中打开才能看到底部的空白。

*
 *  Licensed Materials - Property of IBM
 *  5725-G92 (C) Copyright IBM Corp. 2011, 2013. All Rights Reserved.
 *  US Government Users Restricted Rights - Use, duplication or
 *  disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

// This method is invoked after loading the main html and successful initialization of the Worklight runtime.
function wlEnvInit()
    wlCommonInit();
    // Environment initialization code goes here


//Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// Cordova is ready
//
function onDeviceReady() 
    alert(device.version);
    if(device.version > "6.0")
        $(".elmecHeader").css("height", "70px");

【问题讨论】：

我觉得我不喜欢device.version > "6.0"，也许看看这个帖子：***.com/questions/6832596/…

【参考方案1】：

Worklight 6.0.0.1 刚刚在周末发布；它解决了屏幕截图中描述的状态栏问题。 5.0.6.1 的修复程序未公开提供（它适用于使用此版本并需要它的客户）。

更新： 底部的白色间距是一个 Worklight 错误，已在最新的 6.0.0.1 iFix 中得到修复，IBM Fix Centeral 的客户也可用于 Worklight 6.0.0.x 和 Worklight 5.0.x。

【讨论】：

伊丹，感谢您的回复。为了更清楚一点，您说我的公司使用 WL 5.0.6.1 可以请求修复此问题？

如果您是客户，那么您应该可以通过 Passport Advantage 获得它；如果您是业务合作伙伴，那么您应该可以通过 PartnerWorld 获得它。底部的空白问题仍然是 AFAIK 未解决的问题，但您可以在相关网站上为您检查修复。

再次感谢 Idan，您能否确认此修订包：tinypic.com/view.php?pic=hx6bfs&s=5#.UjxlfYbCXmY 更正了空白问题？

很抱歉，我目前无法验证这一点（不在工作中......），但是嘿，继续尝试。 :)

是的，该修复已包含在本技术说明中描述的适用于 iOS7 的最新 WL 5.0.6.1 临时修复中：www-01.ibm.com/support/docview.wss?uid=swg27039574

【参考方案2】：

是的，您需要针对 iOS 7 调整您的应用程序。

您可以使用Cordova Device API 来检测运行应用的操作系统，并为 iOS 6 和 7 中的不同操作系统布局使用不同的 CSS（如果您愿意的话）。

我建议在顶部添加更多的绿色背景，这样 iOS 7 中的新状态栏就不会与您的应用设计重叠。

在设计出合适的解决方案之前，这是所有基于 Web 的应用程序在 iOS 中都会遇到的问题。

请务必阅读 Apple 提供的 iOS 7 Transition Guide。

以上是一种建议的方法；您可能应该阅读更多有关 iOS 7 设计以及状态栏在 iOS 7 中的行为方式的资料，并为您的应用选择正确的路径。

http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/ http://www.slideshare.net/evgenybelyaev16/transition-guide

---

至于底部间距，这是 Worklight 中的一个错误。

【讨论】：

谢谢伊丹。你能看到我原来的帖子编辑了吗？把那个sn-p的代码放在iphone文件夹里面那个js里面对吗？

我会把它放在 common\yourapp.js >> wlCommonInit 中，并且没有事件监听器。

我将标题的高度增加了 20 像素，但我发现空白仍然存在，更高的标题会占用内容空间。我试图增加身体但没有成功。可能页眉和页脚是 jquerymobile 固定的。

查看我编辑的答案，其中包含有关使用 jQuery Mobile 的应用程序中页脚间距的问题的链接。

如果这些问题没有帮助，请创建一个显示间距的最小化测试用例，并提供包含 Worklight 项目的源代码或 zip 文件。

【参考方案3】：

自您发布问题以来，Worklight 已更新。

下载最新版本的补丁包，并确保完整阅读技术说明：http://www-01.ibm.com/support/docview.wss?uid=swg27039574