Javascript 在js/jquery中检测用户设备并分配不同的jquery(桌面/移动设备(ipad))?
目前我只有桌面版本的插入脚本,因为我发现声明两个jquery将发生错误。有没有办法检查设备类型并为相应的设备选择不同的jquery插件?谢谢有很多方法可以检测客户端。下面的示例涉及检测客户端设备类型的Javascript 在js/jquery中检测用户设备并分配不同的jquery(桌面/移动设备(ipad))?,javascript,jquery,device,Javascript,Jquery,Device,目前我只有桌面版本的插入脚本,因为我发现声明两个jquery将发生错误。有没有办法检查设备类型并为相应的设备选择不同的jquery插件?谢谢有很多方法可以检测客户端。下面的示例涉及检测客户端设备类型的userAgent <script src="jsv3/jquery.js"></script> <!--<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>--> 这是检测客户端
userAgent
<script src="jsv3/jquery.js"></script>
<!--<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>-->
这是检测客户端设备的通用解决方案。对于iPad等平板电脑客户端,您可能必须使用不同的CSS。if(navigator.userAgent==“”){//检查您的设备类型
$(document).ready(function(e) {
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
var file=document.createElement("link");
file.setAttribute("rel", "stylesheet");
file.setAttribute("type", "text/css");
file.setAttribute("href", "css/alternate_css_file.css");
document.getElementsByTagName("head")[0].appendChild(file);
var file_2= document.createElement("script");
file_2.setAttribute("type", "text/javascript");
file_2.setAttribute("src", "js/alternate_js_file.js");
document.getElementsByTagName("head")[0].appendChild(file_2);
}
});
var fileref=document.createElement('脚本')
fileref.setAttribute(“类型”、“文本/javascript”)
fileref.setAttribute(“src”,文件名)
}
HTH您可以使用服务器端语言,例如PHP吗?如果可以,这可能会有所帮助:不幸的是,我只能使用js/jquery如果jquery后面跟一些其他jquery脚本,例如jqueryui,它会返回我jquery的错误是未定义的。但是我看到了,怎么解决这个问题??谢谢
if (navigator.userAgent=="<type>"){ //check your device type
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}