node.js - nodejs建站,如何识别pc和移动端访问?
大家讲道理
大家讲道理 2017-04-17 13:34:08
0
5
652

网站要根据PC端和移动端的访问做不同的响应渲染,该怎么识别pc和移动端是并作相应的跳转呢?视图文件是不是也有分两个?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(5)
伊谢尔伦

區分PC端和行動端存取你有兩種方法:

  1. 一個頁面,自動尺寸
    主要是透過media queries配合網格系統實現在不同螢幕尺寸下呈現不同的顯示效果,判斷的責任在前端頁面。

  2. 一份內容,兩套頁面
    你可以完全寫出兩個不同的頁面分別給PC端和行動端顯示,判斷客戶端類型的責任落在後端,可以透過偵測請求中的User-Agent字段,不同的瀏覽器帶有不同的值。

黄舟

用戶代理

大家讲道理

如果是區別PC和行動端的話,透過螢幕寬度?

洪涛

我跟你說,響應式版面也就說說而已,真正的大網站有幾個純響應的,都是pcweb兩套設計
除非你全扁平化設計一點圖片素材不用那有可能用響應式佈局辦到
真做起來一堆事的比如你pc上做了滑鼠操作滑鼠滾輪這些移動端你就要改成滑動
手機還要區分橫屏和豎屏這個倒是媒體查詢的事了

另外不解一點,為什麼要後台去渲染?不是直接在最開始的script裡偵測UA,如果是手機直接跳到wap端

伊谢尔伦

先聲明一點個人觀點
不建議PC和行動端公用一套方案,建議2套結構,減少使用的冗餘程式碼。

回答樓主的問題:
如果是基於node,可以使用模版引擎實現,當前前提是在你訪問頁面時獲取用戶的User agent和屏幕寬度來嚴格效驗。
在輸出模版時給予對應平台的模版。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板