Primefaces和primefaces之間的區別移動

Question

我的目標是開發一個可通過桌面瀏覽器和移動設備訪問的系統。 Primefaces是我已經解決的問題（儘管如果有人有更好的建議，這可能會改變）。無論如何，我一直在尋找primefaces和primefaces mobile之間的區別，似乎沒有太多的一個。我能找到的最好的討論是http://forum.primefaces.org/viewtopic.php?f=8&t=23193。否則，我的谷歌搜索技能讓我失望或者只是沒有太多的信息。

否則似乎你應該知道它們之間的區別。我很遺憾，不知道。雖然這對你們中的很多人來說似乎很簡單，但我剛剛在大約3個月前完成了大學學習，並且從那時起一直使用php與yii框架，所以這個開關對我來說是一項巨大的任務，我沒有經驗在任何喜歡它的東西。所以我轉向你們尋求幫助。有人可以解釋是否有其他兩個當時的primefaces mobile正在爲小屏幕優化。這使得它聽起來如果我只是在primefaces中編程，它將顯示在瀏覽器和手機中，但手機可能存在CSS問題。

通過查明用戶是否使用桌面或移動設備並切換到不同的CSS文件或者這是否簡單荒謬可以避免這種情況嗎？我需要爲桌面版和移動版兩個分開的頁面嗎？如果我願意，你能提供一個非常基本的代碼差異例子嗎？有誰知道一個很好的教程，突出兩者之間的差異，並向您展示一些例子？

感謝您提供任何幫助。非常感謝。

更多信息：我使用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