仅向移动浏览器显示网页

时间:2012-08-17 16:24:40

标签: html5

我有一个html5网站/ webapp。我只希望人们通过手机查看这个网站/ webapp,即iphone,android,blackberry。

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

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

4 个答案:

答案 0 :(得分:1)

没有办法检查网站是否在移动设备或桌面上。 HTML与设备无关。

你可以做浏览器但是

  1. user_agents可以在多个浏览器中轻松更改
  2. 您需要确保将用户代理 - >移动/桌面映射保持最新
  3. 你可以做媒体查询并有条件地以这种方式显示一个查询,但是今天可用的大量形式因素也没有明确的界限可以用这种方式绘制。

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

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

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

答案 1 :(得分:0)

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

http://detectmobilebrowsers.com/

适合我。

答案 2 :(得分:0)

您可以在页面上使用媒体查询,并检查页面宽度的设备宽度。如果在桌面上查看该页面,您可以显示此应用程序仅与“仅限移动设备”和“非桌面”兼容的消息。同样,这也适用于平板电脑,这条消息可以自定义。

答案 3 :(得分:0)

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

这通常是通过阅读用户代理来完成的。您是否可以使用桌面用户覆盖其用户代理来模拟移动浏览器并查看移动内容?