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