0

我有一个 html5 网站/webapp。我只希望人们通过他们的手机(即 iphone、android、黑莓)查看这个网站/webapp。

如果他们尝试从桌面浏览器访问网站/webapp,它应该会显示一条错误消息,因为该网站/webapp 仅适用于手机。

这可能吗?有小费吗?谢谢

4

4 回答 4

1

无法确定网站是在移动设备上还是桌面上。HTML 与设备无关。

你可以做浏览器嗅探但是

  1. user_agents 在多个浏览器中很容易更改
  2. 你需要确保你的用户代理->移动/桌面映射是最新的

您可以进行媒体查询并以这种方式有条件地显示查询,但是由于当今可用的大量格式因子,因此也没有明确的界限来绘制这种方式。

这两种方法都容易出现错误识别。

坦率地说,我有点不明白您为什么要阻止人们访问您的网站。您为什么要关心是否有人从桌面而不是移动设备访问您的网站?

专为移动设备设计的网站可以在台式机上正常工作(反过来可能会出现问题)

于 2012-08-17T16:56:31.000 回答
0

从这里获取您喜欢的语言的脚本:

http://detectmobilebrowsers.com/

为我工作。

于 2012-08-17T17:00:03.417 回答
0

您可以在页面上使用媒体查询并检查页面宽度所在的设备宽度。假设如果在桌面上查看页面,您可以显示此应用仅与移动设备兼容而不与桌面兼容的消息。同样,这也适用于平板电脑,并且可以自定义此消息。

于 2012-08-17T19:40:36.180 回答
0

您是否使用任何服务器端技术(ASP.NET、PHP)来生成页面?如果是这样,您可以在服务器端执行您的逻辑并在桌面请求上返回不同的内容(如您的消息)。

这通常通过读取用户代理来完成。您是否同意桌面用户覆盖他们的用户代理以模拟移动浏览器并查看移动内容?

于 2012-08-17T19:42:36.433 回答