我的目标是开发一个可通过桌面浏览器和移动设备访问的系统。 Primefaces是我已经确定的(虽然如果有人有更好的建议,这可能会改变)。无论如何,我一直在查找primefaces和primefaces mobile之间的区别,似乎没有多少。我能找到的最好的讨论是http://forum.primefaces.org/viewtopic.php?f=8&t=23193。否则我的谷歌搜索技能让我失望或者没有那么多的信息。
否则你似乎应该知道它们之间的区别。遗憾的是,我不知道。虽然这对你们很多人来说可能看起来很简单,我刚刚大约3个月前完成了大学,并且从那时起就开始使用php和yii框架,所以这个转换对我来说是一个巨大的任务,我没有经验在任何类似的东西。所以我转向你们寻求帮助。有人可以解释一下,对于小屏幕优化的其他2个移动设备之间是否存在更大的差异。这听起来如果我只在primefaces中编程它将在浏览器和手机中显示,但移动设备可能存在CSS问题。
通过查看用户是使用桌面还是移动设备,只是切换到不同的CSS文件,这是否可以避免这种情况?桌面和移动版本需要2个单独的页面吗?如果我这样做,你能提供一个非常基本的代码之间的差异示例吗?有没有人知道一个很好的教程,突出了两者之间的差异,并向您展示了一些例子?
感谢您提供的任何帮助。非常感谢。
进一步的信息:我正在使用Eclipse indigo与Maven,JSF,Jboss和Primefaces。
答案 0 :(得分:5)
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而言,这通常是一个关于是否需要专用移动网站的争论,这取决于你采取的方法。
另见:
Would I require 2 seperate pages for both the desktop and the mobile version?
如上所述,这是你采取的方法。 Primefaces Mobile基于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?
在上面的答案中查看网站,有很多要解释的内容。
另见: