为桌面用户阻止 jquery 移动脚本和元视点

Question

从品牌到 Stack Overflow 和移动设计。

我正在使用 JQUERY Mobile。而且我觉得我对媒体查询有了基本的了解。但是我找不到答案的一个问题（所以我可能看错了）是当桌面用户浏览时如何不在页面上运行以下内容？

由于这不是由 CSS 定义的，因此媒体查询将不起作用。如果 javascript 有效，有人可以帮我编写代码。我尝试了以下但我不知道javascript：

<script>
if (document.documentElement.clientWidth < 641) 
{    
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
}
</script >

我知道我可以使用移动 PHP 嗅探器，但由于“维护”，我不想走那条路。

提前谢谢你

编辑：

看起来下面的方法会起作用（示例 #4）。

http://php.net/manual/en/faq.html.php

但我担心的是为什么似乎更多的人没有遇到这个问题？我错过了一些非常明显的东西吗？如果您为移动和桌面使用相同的页面并且您使用的是 jquery 移动脚本，那么您不希望它们为桌面用户运行。

Answer 1

您需要针对移动设备进行操作。您可以定位的两种方式是：

1. 检查用户代理服务器端

   if( strstr($_SERVER['HTTP_USER_AGENT'],'Android') ||
       strstr($_SERVER['HTTP_USER_AGENT'],'webOS') ||
       strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') ||
       strstr($_SERVER['HTTP_USER_AGENT'],'iPod')
       ){
       // Send Mobile Site
   }
   

2. 检查用户代理客户端

   if( navigator.userAgent.match(/Android/i) ||
       navigator.userAgent.match(/webOS/i) ||
       navigator.userAgent.match(/iPhone/i) ||
       navigator.userAgent.match(/iPod/i) ||
       ){
    // Send Mobile Site
   }
   

如果他们似乎使用移动设备，请确保显示移动 CSS 和 Viewport Meta。我认为viewport meta 不会影响桌面用户。