1. 程式人生 > >同一個網址,電腦手機訪問顯示不同的內容(Apache配置)

同一個網址,電腦手機訪問顯示不同的內容(Apache配置)

靜態資源 默認 rect apache xxx 手動 info 實現 ref

一、需求概述:

  用戶訪問一個網址 https://www.xxx.com,如果是移動設備訪問,跳轉到移動端的頁面 https://www.xxx.com/mobile;如果是電腦訪問,則跳轉到pc端頁面 https://www.xxx.com。

二、 實現邏輯:

  默認 https://www.xxx.com入口為pc端靜態資源,添加配置獲取用戶設備,如果是移動設備則redirect到移動端靜態資源 https://www.xxx.com/mobile。

三、具體實現:

3.1 服務器上放置2套靜態資源,pc文件夾裏增加配置文件(用於獲取用戶設備並redirect)。

  技術分享圖片

  (配置文件 .htaccess)

  技術分享圖片

  mobile文件夾裏是否添加攔截配置則看具體需求(如果添加了的話,在pc端手動輸入 https://www.xxx.com/mobile 也會被redirect到https://www.xxx.com)。

3.2 添加Apache配置  

  服務端一個端口監聽一套靜態資源

  技術分享圖片

  具體的設備類型獲取參考http://detectmobilebrowsers.com/。

同一個網址,電腦手機訪問顯示不同的內容(Apache配置)