如何知道訪客正在使用移動設備？

我爲我的網站設計了手機主題。但我不知道如何將手機訪客重定向到該主題？如何知道訪客正在使用移動設備？

我的方案有哪些可用選項？

瀏覽器名稱移動用戶重定向？寬度和高度？ –

不，我想要檢測到訪問者來自移動設備而不是PC。 – malhobayyeb

@MrLister通過瀏覽器寬度和高度識別設備類型勢必會失敗。 – Renan

您可以檢測並通過使用該PHP class

2013-07-06 17:13:31

哇！ '+ 1'看起來很有希望 – rktcool

您必須檢查HTTP請求的user agent string。

此基礎上，你可以重定向到相應的網站，或加載正確的CSS /資源文件等

如果你想看到你的瀏覽器的用戶代理字符串，你可以去this現場。例如，我在Windows 8 PC使用Chrome，現在，我的字符串是：

的Mozilla/5.0（Windows NT的6.2; WOW64）爲AppleWebKit/537.36（KHTML，例如Gecko）Chrome瀏覽器/ 27.0。 1453.116 Safari/537.36

我家有大量的Android設備。使用Chrome進行瀏覽時，它們都具有基本相同的用戶代理字符串。我鏈接到的網站也列出了最常見的網站（查看頁腳中的鏈接）。

2013-07-06 17:04:15 Renan

當您指定CSS文件時，您可以使用media="handheld"屬性，以便它只會加載手持設備，例如手機。但是現在這變得多餘了，因爲Android瀏覽器和iPhone的瀏覽器不會將它們標識爲handheld設備，以防止以最小格式提供服務的網頁。

看看this線程。

要爲手機加載自定義phone.css，可以依賴用戶的屏幕寬度並使用media查詢。

例如，添加此插入<head>部分：當該裝置的屏幕寬度小於480px

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="phone.css" />

現在，phone.css將加載。

如需詳細說明，請查看this來源。

希望這有助於。 :)

2013-07-06 17:09:15 rktcool

我比你更喜歡你的答案。 +1。 – Renan

謝謝'：''我很高興你能做到。這個問題引起了我的興趣，我剛纔讀了它。 – rktcool

回答