Primefaces和primefaces mobile的区别

Question

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

否则，看起来你应该只知道它们之间的区别。我，可悲的是，不know.Although这对你们中的许多人来说可能看起来很简单我大约3个月前刚从大学毕业，从那时起就一直在使用php和yii框架，所以这个转换对我来说是一个巨大的任务，我没有任何类似的经验。所以我向你们寻求帮助。有没有人能解释一下，其他两款手机在小屏幕方面是否有更大的不同。这听起来像是，如果我只用primefaces编程，它可以在浏览器和手机上显示，但手机可能会有CSS问题。

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

感谢您提供的帮助。这是非常感谢的。

更多信息:我在Maven、JSF、Jboss和Primefaces上使用Eclipse indigo。

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?

如上所述，这是您采取的方法。jQuery Mobile基于Primefaces 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 showcase上看到代码，但我想你不需要比较代码，你需要比较两者不同的功能。这是一个比较桌面版和移动版的站点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