2014-02-08 95 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.所以你不需要重写你的模板。但是您必须更新模板才能支持小屏幕设备。你可以保留你的后端代码。

相关问题