primefaces 单一项目网络和移动答案

【问题标题】：primefaces single project web and mobileprimefaces 单一项目网络和移动
【发布时间】：2015-05-18 00:11:17
【问题描述】：

Primefaces 支持网页版和移动版。两个版本的编码有一些细微差别。

网页版和移动版都可以使用primefaces吗？我的意思是使用 primefaces 同时支持 MOBILE 和 WEB 版本的单一代码库？（类似于bootstrap构建的应用程序）

【问题讨论】：

你的问题解决了吗？因为我有同样的问题。我想使用 1 个代码为台式机和移动设备开发相同的应用程序，实际上这个标签 <f:view renderKitId="PRIMEFACES_MOBILE" /> 会将所有组件切换到 primefaces 移动设备，但我正在寻找一种仅在移动设备上加载此标签的方法，所以 primefaces mobile组件会在mobile上显示，否则不要加载这个标签，会显示正常的primefaces组件。

标签： jsf primefaces primefaces-mobile

【解决方案1】：

Primefaces mobile 基于 jquery mobile 构建，可在手机、平板电脑或台式机上运行。因此，如果您坚持使用 primefaces mobile，它应该适用于所有设备。

【讨论】：

使用纯 PrimeFaces 移动组件开发的应用程序在桌面 imo 上不看起来不错。我个人尽可能多地使用普通组件，并尝试让它们表现得更具响应性。
所以要回答发帖人的问题，是的，从技术上讲，您可以使用相同的代码库并且它会工作，但是如果您想要 Primefaces 网络和 Primefaces 移动设备的丰富性，您将需要单独的代码库。
@Kukeltje：您知道我们可以通过添加此标签<f:view renderKitId="PRIMEFACES_MOBILE" /> 来加载primefaces 移动组件，但您知道如何仅在移动设备上添加此标签吗？因此primefaces移动组件将显示在移动设备上，否则不要加载此标签，将显示正常的primefaces组件。
请在新问题中提出新问题

【解决方案2】：

为了清楚起见，Primefaces 创建了一些 PrimeFaces 高级主题和布局，例如（Sentinel、Spark、Ronin 和所有其他 http://www.primefaces.org/themes）。在我看来这很棒（好看/像素完美），这些是响应式布局，但并非所有组件都是响应式的。你可以在responsive.xhtml上查看响应式组件

【讨论】：

PrimeFaces Bootstrap 主题与移动或响应式无关。这是一个简单的主题。
@Kukeltje 我同意，我的回答不清楚（有一个叫做 Bootstrap 的 Primefaces 主题，它只有它的外观）。
火花、浪人和哨兵主题本身并没有特别响应。相应的布局和合并菜单是响应式
是的，组件的响应性属于 PrimeFaces 而不是布局，请参阅blog.primefaces.org/?p=3538