网站要根据PC端和移动端的访问做不同的响应渲染,该怎么识别pc和移动端是并作相应的跳转呢?视图文件是不是也有分两个?
光阴似箭催人老,日月如移越少年。
區分PC端和行動端存取你有兩種方法:
一個頁面,自動尺寸主要是透過media queries配合網格系統實現在不同螢幕尺寸下呈現不同的顯示效果,判斷的責任在前端頁面。
media queries
一份內容,兩套頁面你可以完全寫出兩個不同的頁面分別給PC端和行動端顯示,判斷客戶端類型的責任落在後端,可以透過偵測請求中的User-Agent字段,不同的瀏覽器帶有不同的值。
User-Agent
用戶代理
如果是區別PC和行動端的話,透過螢幕寬度?
我跟你說,響應式版面也就說說而已,真正的大網站有幾個純響應的,都是pcweb兩套設計除非你全扁平化設計一點圖片素材不用那有可能用響應式佈局辦到真做起來一堆事的比如你pc上做了滑鼠操作滑鼠滾輪這些移動端你就要改成滑動手機還要區分橫屏和豎屏這個倒是媒體查詢的事了
另外不解一點,為什麼要後台去渲染?不是直接在最開始的script裡偵測UA,如果是手機直接跳到wap端
先聲明一點個人觀點不建議PC和行動端公用一套方案,建議2套結構,減少使用的冗餘程式碼。
回答樓主的問題:如果是基於node,可以使用模版引擎實現,當前前提是在你訪問頁面時獲取用戶的User agent和屏幕寬度來嚴格效驗。 在輸出模版時給予對應平台的模版。
區分PC端和行動端存取你有兩種方法:
一個頁面,自動尺寸
主要是透過
media queries
配合網格系統實現在不同螢幕尺寸下呈現不同的顯示效果,判斷的責任在前端頁面。一份內容,兩套頁面
你可以完全寫出兩個不同的頁面分別給PC端和行動端顯示,判斷客戶端類型的責任落在後端,可以透過偵測請求中的
User-Agent
字段,不同的瀏覽器帶有不同的值。用戶代理
如果是區別PC和行動端的話,透過螢幕寬度?
我跟你說,響應式版面也就說說而已,真正的大網站有幾個純響應的,都是pcweb兩套設計
除非你全扁平化設計一點圖片素材不用那有可能用響應式佈局辦到
真做起來一堆事的比如你pc上做了滑鼠操作滑鼠滾輪這些移動端你就要改成滑動
手機還要區分橫屏和豎屏這個倒是媒體查詢的事了
另外不解一點,為什麼要後台去渲染?不是直接在最開始的script裡偵測UA,如果是手機直接跳到wap端
先聲明一點個人觀點
不建議PC和行動端公用一套方案,建議2套結構,減少使用的冗餘程式碼。
回答樓主的問題:
如果是基於node,可以使用模版引擎實現,當前前提是在你訪問頁面時獲取用戶的User agent和屏幕寬度來嚴格效驗。
在輸出模版時給予對應平台的模版。