您的位置：首页 > 移动开发

JS判断PC端还是移动端

2017-11-22 14:38 393 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
div{
width: 500px;
height: 500px;
background: url(img/Angular.jpg);
}
</style>
</head>
<body>
<div>
</div>
</body>
<script type="text/javascript">
function getClientInfo(){
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var agentinfo = null;
for (var i = 0; i < Agents.length; i++) {
if (userAgentInfo.indexOf(Agents[i]) > 0) { agentinfo = userAgentInfo; break; }
}
if(agentinfo){
//移动端执行的代码
$('div').css("background","url(img/JavaScript.jpg)");
alert(Agents[i]);
}else{
//PC端执行的代码
$('div').css("background","url(img/jQuery.jpg)");
alert("PC");
}
}
//调用示例
getClientInfo();
</script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航