我怎樣才能限制到一個iPhone的Web應用程序的桌面瀏覽器訪問？

Question

我設計了一個iPhone web應用程序，也可以通過桌面訪問。當瀏覽器僅用於iPhone時，該設計就會崩潰。如何阻止用戶通過桌面瀏覽器訪問並僅訪問iPhone？

Answer 1

使用CSS媒體查詢來隱藏某個尺寸以上屏幕的內容，並將其替換爲僅顯示移動設備網站的消息。

Answer 2

如果要使用JavaScript，你可以使用

var isIOSDevice = /(iPad|iPhone|iPod)/g.test(navigator.userAgent); // will be true or false 

如果只想iPhone然後取出iPad和iPod

如果isIOSDevice是不正確的，那麼你可以將其重定向到您的桌面友好的頁面。