网站要根据PC端和移动端的访问做不同的响应渲染,该怎么识别pc和移动端是并作相应的跳转呢?视图文件是不是也有分两个?
光阴似箭催人老,日月如移越少年。
区分PC端和移动端访问你有两种办法:
一个页面,自动尺寸主要是通过media queries配合网格系统实现在不同屏幕尺寸下呈现不同的显示效果,判断的责任在前端页面。
media queries
一份内容,两套页面你可以完全写出两个不同的页面分别给PC端和移动端显示,判断客户端类型的责任落在后端,可以通过检测请求中的User-Agent字段,不同的浏览器带有不同的值。
User-Agent
User agent
如果是区别PC和移动端的话,通过屏幕宽度?
我跟你说,响应式布局也就说说而已,真正的大网站有几个纯响应的,都是pcweb两套设计除非你全扁平化设计 一点图片素材不用 那有可能用响应式布局办到真做起来一堆事的 比如你pc上做了鼠标操作 鼠标滚轮这些 移动端你就要改成滑动手机还要区分横屏和竖屏 这个倒是媒体查询的事了
另外不解一点,为什么要后台去渲染?不是直接在最开始的script里检测UA,如果是手机直接跳到wap端
首先声明一点个人观点不建议PC和移动端公用一套方案,建议2套结构,减少使用的冗余代码。
回答楼主的问题:如果是基于node,可以使用模版引擎实现,当前前提是在你访问页面时获取用户的User agent和屏幕宽度来严格效验。在输出模版时给出对应平台的模版。
区分PC端和移动端访问你有两种办法:
一个页面,自动尺寸
主要是通过
media queries
配合网格系统实现在不同屏幕尺寸下呈现不同的显示效果,判断的责任在前端页面。一份内容,两套页面
你可以完全写出两个不同的页面分别给PC端和移动端显示,判断客户端类型的责任落在后端,可以通过检测请求中的
User-Agent
字段,不同的浏览器带有不同的值。User agent
如果是区别PC和移动端的话,通过屏幕宽度?
我跟你说,响应式布局也就说说而已,真正的大网站有几个纯响应的,都是pcweb两套设计
除非你全扁平化设计 一点图片素材不用 那有可能用响应式布局办到
真做起来一堆事的 比如你pc上做了鼠标操作 鼠标滚轮这些 移动端你就要改成滑动
手机还要区分横屏和竖屏 这个倒是媒体查询的事了
另外不解一点,为什么要后台去渲染?不是直接在最开始的script里检测UA,如果是手机直接跳到wap端
首先声明一点个人观点
不建议PC和移动端公用一套方案,建议2套结构,减少使用的冗余代码。
回答楼主的问题:
如果是基于node,可以使用模版引擎实现,当前前提是在你访问页面时获取用户的User agent和屏幕宽度来严格效验。
在输出模版时给出对应平台的模版。