将Nodejs Web应用程序转换为移动Web应用程序（在移动浏览器中显示）

Question

我使用node开发了一个Web应用程序。现在我想将该网站转换为移动版本。响应式设计可能不是一个选项，因为我的网站非常像facebook，其外观功能无法在不彻底重新设计网站的情况下适应流畅的网格。所以我的问题是1.我的应用程序应该在哪里注册它所查看的设备类型？ （前端或后端）以及如何（最好用例子）？ 2.我是否必须重写所有html模板和CSS以适应移动浏览器？如果是这样，告诉节点要渲染哪个模板的最佳做法是什么？ （有例子）？

提前致谢。

Answer 1

我建议您为移动设备或桌面呈现相同的模板。 您需要添加一些css类来支持小屏幕设备，您可以使用小胡子部分在它们之间切换。

例如：

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

  

如果 isMobile 存在，则类完整，否则类将是   桌面宽度mh-auto

     

更多细节可以在这里找到：   http://mustache.github.io/mustache.5.html

我会建议使用bootstrap或任何响应式框架来简化您的任务。

您可以使用以下链接检测设备。 Detecting a mobile browser

您的问题的答案： 1.您必须使用javascript检查浏览器的类型，并将散列（如{isMobile：true}检查胡须）传递给模板，以便模板知道要渲染的样式。 2.所以你不需要重写你的模板。但您必须更新模板以支持小屏幕设备。您可以保留后端代码。