如何在服務器上定義移動網站

Question

我發現這個great tutorial解釋了設計一個移動網站，我決定試一試。我的問題是如何在我的服務器上定義移動頁面，以便它們不會在我的網站的桌面版本上發生衝突或顯示。例如，在視頻中他們使用index.html，但由於我顯然已經在我的服務器上有一個index.html，我如何讓移動設備直接進入「移動索引」頁面？

Answer 1

您需要使用瀏覽器或設備檢測技術。有幾種方法可以通過JavaScript，PHP，或者如果您使用的是Wordpress，您可以使用插件。

CSS-技巧有一個漂亮的小片段，可能對你有用： http://css-tricks.com/snippets/javascript/redirect-mobile-devices/

或者，如果你想學習PHP或東西WordPress的一側，繼承人另一個很好的鏈接： http://mobile.tutsplus.com/tutorials/mobile-web-apps/mobile-browser-detection/

Answer 2

它不是服務器的東西。嘗試搞亂用戶代理來檢測設備。

另一種選擇是檢測屏幕分辨率（小尺寸>移動頁面，大尺寸>桌面頁面，但它確實取決於佈局）。