僅向移動瀏覽器顯示網頁

Question

我有一個html5網站/ webapp。我只希望人們從他們的手機上查看這個網站/ webapp，例如iphone，android，黑莓。

如果他們試圖從他們的桌面瀏覽器訪問網站/網絡應用程序，它應該顯示一個錯誤消息，因爲網站/ webapp只適用於手機。

這是possbile？有小費嗎？ 謝謝

Answer 1

沒有辦法檢查一個網站是否在移動或桌面上。 HTML是設備不可知的。

你可以做browsersniffing但

1. user_agents在多個瀏覽器輕易改變
2. 你需要確保讓您的用戶代理 - >移動/桌面製圖最新

你可以做媒體查詢並以這種方式有條件地顯示查詢，但是今天有大量的formfactors可用，也沒有清晰的線條可以用這種方式繪製。

這兩種方法都容易出現錯誤識別。

很坦白地說，我有點不解，爲什麼你想阻止人們訪問你的網站。如果有人通過臺式機而不是移動設備訪問您的網站，爲什麼要關心？

專爲移動桌面就好在將工作現場（這是周圍的其他方式可能會出現問題）

Answer 2

抓住你喜歡這裏的腳本語言：

http://detectmobilebrowsers.com/

適合我。

Answer 3

您可以在頁面上使用媒體查詢，並檢查頁面寬度的設備寬度。說出如果在桌面上查看該頁面，則可以顯示消息，指出該應用程序僅與移動設備兼容，不兼容桌面。同樣，這也適用於平板電腦，並且可以自定義此消息。

Answer 4

您是否使用任何serer端技術（ASP.NET，PHP）來生成頁面？如果是這樣，您可以在服務器端執行邏輯並在桌面請求上返回不同的內容（如消息）。

這通常通過閱讀用戶代理完成。您可以與桌面用戶通過其用戶代理模擬移動瀏覽器並查看移動內容嗎？