仅向移动浏览器显示网页

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）来生成页面？如果是这样，您可以在服务器端执行逻辑并在桌面请求上返回不同的内容（如消息）。

这通常通过阅读用户代理完成。您可以与桌面用户通过其用户代理模拟移动浏览器并查看移动内容吗？