可以在同一個網站上設定兩個不同的首頁嗎？

Question

我正在進行一個專案。我正在克隆一個網站 Make My Trip

https://www.makemytrip.com/

這個網站在筆記型電腦和手機上看起來不同，我是說完全不同。那我們要如何實現這樣的功能呢。

這是在筆記型電腦上的視圖

手機上的同一個網站

Answer 1

綜合答案取決於許多尚未揭露的因素。例如你是否使用伺服器端語言如PHP，以及所有/大部分頁面是否都不同？

偵測網站是否在行動裝置上運作並不簡單。

一種解決方案是

1. 有一個共同的索引頁面，使用JavaScript來取得螢幕尺寸，並使用Ajax載入真正的行動裝置頁面或桌面頁面

2. 在頁面上新增一個按鈕/鏈接，允許使用者在行動裝置和桌面裝置之間切換，並將選擇儲存在cookie/session中。

另一個選擇

我看過一些網站這樣做。預設始終提供行動裝置版本，並允許使用者切換到桌面模式。這裡的假設是更多的人在使用行動設備，所以預設設定對大多數人來說是正確的，而在桌面裝置上顯示較小的頁面並不像在行動裝置上顯示較大的頁面那麼糟糕。