2014-02-08 98 views
0

我開發了一個使用節點的Web應用程序。現在我想將該網站轉換爲移動版本。響應式設計可能不是一種選擇,因爲我的網站非常像Facebook,它具有看起來功能性,如果沒有徹底重新設計網站,就無法適應流體網格。所以我的問題是1.我的應用程序應該在哪裏註冊它所查看的設備類型? (前端還是後端)以及如何(最好用例子)? 2.我是否必須重寫所有html模板和css以適合移動瀏覽器?如果是的話,告訴節點要渲染哪個模板的最佳實踐是什麼? (有例子)?將Nodejs Web應用程序轉換爲移動Web應用程序(在移動瀏覽器中顯示)

在此先感謝。

回答

0

我建議你爲移動或桌面呈現相同的模板。 您將需要添加幾個css類來支持小屏幕設備,並且您可以使用小鬍子部分在它們之間切換。

如:

<div class="nav-bar"><div style="padding-bottom: 4px;" class="{{^isMobile}}desktop-width mh-auto{{/isMobile}}{{#isMobile}}full{{/isMobile}}"></div> 

這裏如果isMobile存在的類將是,否則類將是 可以發現桌面寬度MH-汽車

更多細節這裏: http://mustache.github.io/mustache.5.html

我會推薦bootstrap或任何響應式框架,以使您的任務更輕鬆。

您可以使用下面的鏈接來檢測設備。 Detecting a mobile browser

回答你的問題:1。 你必須使用JavaScript來檢查瀏覽器的類型,並通過散列(如{isMobile:真正}檢查鬍子)的模板,該模板知道哪個風格渲染。 2.所以你不需要重寫你的模板。但是您必須更新模板才能支持小屏幕設備。你可以保留你的後端代碼。

相關問題