我使用 node.js 开发了一个 web 应用程序。现在我想将该网站转换为移动版本。响应式设计在这里可能不是一个选择，因为我的网站很像 facebook，它的功能看起来无法在不彻底重新设计网站的情况下融入流动网格。所以我的问题是 1. 我的应用程序应该在哪里注册它被查看的设备类型？ （前端或后端）以及如何（最好有例子）？ 2. 我是否必须重写所有 html 模板和 css 以适应移动浏览器？如果是这样，告诉节点要渲染哪个模板的最佳实践是什么？ （有例子） ?
提前致谢。
【问题讨论】：
标签： node.js jquery-mobile mobile
我建议您为移动设备或桌面设备呈现相同的模板。 您需要添加一些 css 类来支持小屏幕设备，并且可以使用 mustache 部分在它们之间切换。
例如：
<div class="nav-bar"><div style="padding-bottom: 4px;" class="{{^isMobile}}desktop-width mh-auto{{/isMobile}}{{#isMobile}}full{{/isMobile}}"></div>
这里如果 isMobile 存在类将是full，否则类将是 桌面宽度 mh-auto
更多细节可以在这里找到： http://mustache.github.io/mustache.5.html
我会推荐引导程序或任何响应式框架，以使您的任务更轻松。
您可以使用以下链接来检测设备。 Detecting a mobile browser
您的问题的答案： 1. 您必须使用 javascript 检查浏览器的类型并将哈希值（如 {isMobile: true}check mustache）传递给模板，以便模板知道要呈现哪种样式。 2. 所以你不需要重写你的模板。但是您必须更新您的模板以支持小屏幕设备。您可以保持后端代码不变。
【讨论】：