如何限制桌面浏览器对 iPhone 网络应用程序的访问

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不正确，则可以将它们重定向到桌面友好页面。