随着移动设备的发展开发pc端网页的同时也要兼顾移动端网页开发,下面的代码是通过js判断pc与移动端:
$(function(){
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
alert(“手机web端”);
}else{
alert(“pc端”);
}
});
或者这样也可以:
if (system.win || system.mac || system.xll ||system.ipad) {//电脑端
alert('pc');
} else {//手机端
alert('mobile');
}
用Java也可以实现对设备的判断:
// 判断是否为手机浏览器
public boolean JudgeIsMoblie(HttpServletRequest request) {
boolean isMoblie = false;
String[] mobileAgents = { "iphone", "android", "ipad", "phone", "mobile", "wap", "netfront", "java", "opera mobi", "opera mini", "ucweb", "windows ce", "symbian", "series", "webos", "sony", "blackberry", "dopod", "nokia", "samsung", "palmsource", "xda", "pieplus", "meizu", "midp", "cldc", "motorola", "foma", "docomo", "up.browser", "up.link", "blazer", "helio", "hosin", "huawei", "novarra", "coolpad", "webos", "techfaith", "palmsource", "alcatel", "amoi", "ktouch", "nexian", "ericsson", "philips", "sagem", "wellcom", "bunjalloo", "maui", "smartphone", "iemobile", "spice", "bird", "zte-", "longcos", "pantech", "gionee", "portalmmm", "jig browser", "hiptop", "benq", "haier", "^lct", "320x320", "240x320", "176x220", "w3c ", "acs-", "alav", "alca", "amoi", "audi", "avan", "benq",
"bird", "blac", "blaz", "brew", "cell", "cldc", "cmd-", "dang", "doco", "eric", "hipt", "inno", "ipaq", "java", "jigs", "kddi", "keji", "leno", "lg-c", "lg-d", "lg-g", "lge-", "maui", "maxo", "midp", "mits", "mmef", "mobi", "mot-", "moto", "mwbp", "nec-", "newt", "noki", "oper", "palm", "pana", "pant", "phil", "play", "port", "prox", "qwap", "sage", "sams", "sany", "sch-", "sec-", "send", "seri", "sgh-", "shar", "sie-", "siem", "smal", "smar", "sony", "sph-", "symb", "t-mo", "teli", "tim-", "tosh", "tsm-", "upg1", "upsi", "vk-v", "voda", "wap-", "wapa", "wapi", "wapp", "wapr", "webc", "winw", "winw", "xda", "xda-", "Googlebot-Mobile" };
if (request.getHeader("User-Agent") != null) {
System.out.println("User-Agent:" + request.getHeader("User-Agent"));
for (String mobileAgent : mobileAgents) {
if (request.getHeader("User-Agent").toLowerCase().indexOf(mobileAgent) >= 0 && request.getHeader("User-Agent").toLowerCase().toLowerCase().indexOf("macintosh") <= 0) {
isMoblie = true;
break;
}
}
}
return isMoblie;
}
**************************************************
// 判断是否为手机浏览器
boolean isMoblie = JudgeIsMoblie(request);
request.setAttribute("isMoblie",isMoblie);