node.js - nodejs建站,如何识别pc和移动端访问?
大家讲道理
大家讲道理 2017-04-17 13:34:08
0
5
645

网站要根据PC端和移动端的访问做不同的响应渲染,该怎么识别pc和移动端是并作相应的跳转呢?视图文件是不是也有分两个?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

모든 응답(5)
伊谢尔伦

区分PC端和移动端访问你有两种办法:

  1. 一个页面,自动尺寸
    主要是通过media queries配合网格系统实现在不同屏幕尺寸下呈现不同的显示效果,判断的责任在前端页面。

  2. 一份内容,两套页面
    你可以完全写出两个不同的页面分别给PC端和移动端显示,判断客户端类型的责任落在后端,可以通过检测请求中的User-Agent字段,不同的浏览器带有不同的值。

黄舟

User agent

大家讲道理

如果是区别PC和移动端的话,通过屏幕宽度?

洪涛

我跟你说,响应式布局也就说说而已,真正的大网站有几个纯响应的,都是pcweb两套设计
除非你全扁平化设计 一点图片素材不用 那有可能用响应式布局办到
真做起来一堆事的 比如你pc上做了鼠标操作 鼠标滚轮这些 移动端你就要改成滑动
手机还要区分横屏和竖屏 这个倒是媒体查询的事了

另外不解一点,为什么要后台去渲染?不是直接在最开始的script里检测UA,如果是手机直接跳到wap端

伊谢尔伦

首先声明一点个人观点
不建议PC和移动端公用一套方案,建议2套结构,减少使用的冗余代码。

回答楼主的问题:
如果是基于node,可以使用模版引擎实现,当前前提是在你访问页面时获取用户的User agent和屏幕宽度来严格效验。
在输出模版时给出对应平台的模版。

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿