前端判断用户请求是PC还是移动端

最新推荐文章于 2021-12-06 14:33:06 发布

weixin_30713953

最新推荐文章于 2021-12-06 14:33:06 发布

阅读量327

点赞数

文章标签：前端 ui 后端 ViewUI

原文链接：http://www.cnblogs.com/czhyuwj/p/5474916.html

版权

链接：https://www.zhihu.com/question/20004700/answer/13678113

第一步先在服务器端使用User Agent判断，先匹配出移动设备，这一步可以统计User Agent列表(可通过网站访问日志获取或者使用自己的设备收集)，写出匹配设备的正则表达式(比如iPhone/Touch系列的匹配规则是/iPhone OS/i，如果要适配系统版本号，规则会更复杂)，根据匹配结果做对应的网站版本输出。
需要注意的是在智能手机在移动CMWAP接入方式下User-Agent会被网关过滤，所以在第一步服务器端判断UA后可以再在浏览器端对服务器端获取不到UA的访问设备使用Javascript进行二次判断。
有三种方式，根据第一步的匹配结果：
a. 跳转到不同的网址，对三个网站进行分别维护 (例子：Facebook，国内各大门户)
b. 同一个网址，针对不同设备使用不同的页面模板输出页面 (例子：deviantArt、 Tumblr)
c. 只使用一套前端展示，对各种设备做集中适配(UI布局的自适应、前端技术的综合兼容，例子：http://cubiq.org)
前两种方式后端维护成本较高，适合移动端和PC端产品内容形态不同的情况，第三种方式适合各平台内容一致的情况，后端维护成本较小，但是对前端技术和UI布局要求非常高。
参见楼上的解决方案

转载于:https://www.cnblogs.com/czhyuwj/p/5474916.html