门户网站建设信息化项目背景,雅虎搜索引擎,wordpress 编辑器表情插件,低价备案域名购买如果网站需要实现手机和PC双界面适应#xff0c;可以有两种方式#xff1a; 第一种是响应式界面#xff0c;根据屏幕宽度来判定显示的格式。这种需要前端来做#xff0c;手机/PC共用一套代码#xff0c;有一定的局限性。
第二种是后端通过request请求头中的内容来分析客户…如果网站需要实现手机和PC双界面适应可以有两种方式 第一种是响应式界面根据屏幕宽度来判定显示的格式。这种需要前端来做手机/PC共用一套代码有一定的局限性。
第二种是后端通过request请求头中的内容来分析客户端设备类型从而返回不同的参数响应。这种方法需要前端写两套代码根据后台返回的参数不同而跳转到不同的界面。
个人比较倾向于第二种方法第二种方法显示页面的兼容性更强不会造成一些意想不到的由客户端不同造成的兼容性问题。
那么怎么判断呢 可参照下面两篇博文进行 https://blog.csdn.net/weixin_27322123/article/details/116516053
https://blog.csdn.net/qq_38084142/article/details/81663465
其实上面两篇博文的价值就告诉你在headers中如果有哪些关键字就可判断为来自于移动端否则就认为是电脑端。
在分析了自己网站的日志后并结合上面的文章总结出如下关键词为来自移动端
mobile
android
mac os
windows phone
iphone
ipad注意先要对headers全部转换为小写哦。 相关实例如下
android、mobile
Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Mobile Safari/537.36iphone、mobile、mac os
Mozilla/5.0 (iPhone; CPU iPhone OS 16_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 MicroMessenger/8.0.38(0x1800262b) NetType/WIFI Language/zh_CN qcloudcdn-xinan Request-Source4 Request-Channel99ipad、mobile、mac os
Mozilla/5.0 (iPad; CPU OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1具体在实现时判断顺序如下 mobile→ android→ mac os→ iphone→ ipad→ windows phone。
