Primefaces和primefaces mobile之间的区别[关闭]

Question

我的目标是开发一个可通过桌面浏览器和手机访问的系统。 Primefaces 是我已经确定的（尽管如果有人有更好的建议，这可能会改变）。无论如何，我一直在寻找primefaces和primefaces mobile之间的区别，似乎没有太多区别。我能找到的最好的讨论是http://forum.primefaces.org/viewtopic.php?f=8&t=23193。否则我的谷歌搜索技巧让我失望，或者没有太多的信息。

否则，您似乎应该知道它们之间的区别。遗憾的是，我不知道。虽然这对你们中的许多人来说似乎很简单，但我大约 3 个月前刚大学毕业，从那时起就一直在 yii 框架中使用 php，所以这个转换对我来说是一项艰巨的任务，我没有经验在任何类似的事情。所以我向你们寻求帮助。有人可以解释一下其他两个针对小屏幕进行优化的primefaces mobile之间是否存在更大的差异。听起来如果我只在 primefaces 中编程，它将同时显示在浏览器和手机中，但手机可能存在 CSS 问题。

是否可以通过确定用户使用的是台式机还是移动设备并只是切换到不同的 CSS 文件来避免这种情况，或者这很荒谬吗？桌面版和移动版都需要 2 个单独的页面吗？如果我这样做，您能否提供一个非常基本的代码差异示例？有谁知道一个很好的教程，可以突出两者之间的区别并展示一些示例？

感谢您提供的任何帮助。非常感谢。

更多信息：我将 Eclipse indigo 与 Maven、JSF、Jboss 和 Primefaces 一起使用。

Answer 1

Could this be avoided by finding out if the user is using a desktop or mobile and just switching to a different CSS file or is this plain ridiculous?

您对响应式网页设计和为您的网站设置专门的移动页面感到困惑。借助响应式网页设计方法，我们在媒体查询的帮助下利用灵活流畅的布局来适应几乎任何屏幕尺寸，这样您就不需要为现有网站设置特定的移动版本网站。另一方面，当您拥有专用的移动站点时，会检测到用户设备并将其路由到适当的桌面/移动站点。这通常是关于 UX 是否需要专用移动网站的争论，这取决于您采用哪种方法。

另见：

• http://boagworld.com/mobile-web/separate-mobile-site-vs-responsive-design/

Would I require 2 seperate pages for both the desktop and the mobile version?

如上所述，这是您采用的方法。 Primefaces Mobile 基于 jQuery Mobile，它有助于创建独立的移动网站，与兼容各种设备的普通桌面网站相比，这些网站通常删除了重要内容。

另见：

• http://goodchee.com/blog/the-mobile-web-responsive-design-or-jquery-mobile/

If I do would you be able to provide a very basic example of the difference between the code please?

从代码方面来看，您可以在 primefaces 展示上看到代码，但我想您不需要比较代码，您需要比较两者不同的功能。这是一个网站separate-mobile-responsive-website-presidential-smackdown，它比较了桌面版和移动版。

Does anyone know a good tutorial that highlights the difference between both and shows you some examples?

看上面答案中的网站，有很多要解释的。

另见：

• http://en.wikipedia.org/wiki/Responsive_web_design

• http://msdn.microsoft.com/en-us/magazine/hh653584.aspx