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

您需要定位移动设备。您可以采用以下两种方式：

检查用户代理商服务器

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
}

检查用户代理客户端

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

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

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

1 个答案: