如何限制桌面浏览器访问iPhone Web应用程序？

Question

我设计了一个iPhone网络应用程序，也可以通过桌面访问。当浏览器仅用于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不正确，那么您可以将它们重定向到桌面友好页面。