我正在建立一个网站,我想使用jQuery移动做javascript时,在移动设备上,但由于jQuery移动不支持所有桌面浏览器,但我想要正常的jQuery附加。我该怎么做呢?
下面是在客户端执行此操作的一种方法:
<html>
<head>
<script type="text/javascript">
function isMobileDevice() {
var index = navigator.appVersion.indexOf("Mobile");
return (index > -1);
}
function loadJQuery() {
if(isMobileDevice())
document.write("<script type='text/javacript src='"+path_to_mobile_jquery+"'></script>");
else
document.write("<script type='text/javacript src='"+path_to_normal_jquery+"'></script>");
}
</script>
</head>
<body onload="loadJQuery();">
<!-- Content -->
</body>
</html>
也许建立一个可能的浏览器类型的枚举,然后对window.navigator.userAgent
进行测试?您可以使用Modernizr之类的库来测试功能,但这并不能让您获得实际的浏览器类型。没有userAgent prop来识别浏览器类(桌面,平板电脑,手机等),所以你只能做一个愚蠢的UA比较。
window.navigator.userAgent
检查可能适合if(true) document.write('<javascript resource />')
类型的方法。
您必须在服务器上测试浏览器请求头(User-Agent),然后相应地绑定框架:
。看到http://pgl.yoyo.org/http/browser-headers.php用户代理:Mozilla/5.0 (Windows;U;Windows NT 6.1;德;rv:1.9.2.18) Gecko/20110614 Firefox/3.6.18