<!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>