Ibm mobilefirst 如何使用Worklight开发平板电脑？

我已经在

common

文件夹下开发了我的UI，然后我为我的平板电脑创建了一个皮肤，并将其命名为

android.tablet

。但当我在平板电脑模拟器上运行它时，它看起来是这样的：

我在

skinLoader.js

中使用以下代码：

var userAgent = navigator.userAgent;
var skinName = "default";
//android tablet
if(userAgent.toLowerCase().indexOf("android") != -1 &&
    userAgent.toLowerCase().indexOf("mobile") == -1){
    skinName = "android.tablet";
    alert("tablet!");
}
//android phone
else if(userAgent.toLowerCase().indexOf("android") != -1 &&
    userAgent.toLowerCase().indexOf("mobile") != -1){
    skinName = "default";
    alert("default!");
}

HTML:

<div data-role="page" id="homePage" class="fullWidth">
    <div data-role="header" data-tap-toggle="false">
        <div class="ui-title">...</div>
    </div>
    <div data-role="content" style="text-align: center">
        <a href="#" data-role="button" id="login" class="fullWidth">Login</a>
    </div>
</div>

.fullWidth{
    width: 100% !important;
}

为什么不能全屏？有我缺少的代码吗？

你确定了吗

Worklight外观的基本前提是：

创建新的Worklight项目、应用程序

添加支持皮肤的环境（Android、黑莓6/7/10、iPhone、iPad）

为了简单起见，更新skinLoader.js以指向皮肤的文件夹（例如“android.skin”）

在皮肤的相应文件夹中创建CSS和JS文件

将HTML文件从common复制到skin文件夹

在skin文件夹中的CSS、JS和HTML中执行您想要的任何操作，例如更改颜色和添加alart

全部构建和部署

验证是否显示颜色和警报，确保加载的是皮肤而不是默认皮肤

要预览蒙皮的web资源，请执行以下操作：

右键单击android环境文件夹

选择运行方式>>预览

从“蒙皮”下拉列表中选择蒙皮

单击“运行”按钮

现在应该可以看到外观（预览仅显示web资源，如果有，则不显示本机部件）

如果失败，您可以尝试更改URL，如下所示。
这实质上剥离了MBS容器，只显示web资源

发件人：

致：

这一过程有望在未来的版本中得到更精简

---

至于它是否是全屏的，这完全取决于开发人员（您的CSS等），而不是Worklight

我看到您正在使用jQuery Mobile，请看这些：

如果您想为Android平板电脑开发，请确保AndroidManifest.xml（Android项目内部）中的元素声明了这一点。默认情况下，只有normalScreens支持设置为true

您可能需要调整CSS。默认情况下，它具有固定的320px宽度和动态高度，这与屏幕截图上显示的差不多

---

对不起，伊丹，基于，事实上我需要有我的身体全宽类，现在它的工作。但你知道如何在浏览器中测试平板电脑的布局吗？由于浏览器总是加载公共文件夹：（或者我可以在手机浏览器模拟器的网页中写一些东西作为平板电脑的路径吗？原始值是：“../apps/services/preview/appTitle/android/1.0/”。我尝试将其更改为“../apps/services/preview/appTitle/android.table/1.0/”，但它说“请求的路径：/appTitle/android.tablet/1.0/不受支持。”顺便说一句，我不想先在模拟器中测试它，因为你知道android模拟器非常慢，而且它太慢了我的开发测试。非常感谢你的支持！顺便说一句，你能在上面指出“测试”吗“是项目名称的占位符吗？我被错误地按原样放置url，因为我不知道“测试”实际上是项目名称：）没问题：）如果您的问题现在确实得到了回答，请将此问题标记为已回答。嗨，安东，现在它基于此工作。。

http://localhost:8080/_MobileBrowserSimulator/index.html?webpage=http://localhost:8080/apps/services/preview/your-app-name/android/1.0/your-skin-name-here/your-html-filename-here.html&devicesFilePath=devices.json&platform=android&ips=169.254.236.125,9.148.205.249,10.0.0.2

http://localhost:8080/apps/services/preview/your-app-name/android/1.0/your-skin-folder-name/your-html-filename-here.html