iPad 利用的是 Safari Mobile 浏览器，User Agent 是：
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b
Safari/531.21.10
如何判断是否是 iPad 浏览器呢，关键是看它的 User Agent 中是否有 iPad。代码如下：
function is_iPad(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)==\"大众ipad\"大众) {
return true;
} else {
return false;
}
}
拿 我碰到的那个问题实践下，原生代码是这样的：
$(function(){
$(\"大众.wangge\"大众).hover(function(){
$(this).fadeOut()
},function(){
$(this).fadeIn();
});
})
我现在须要在PC端实行这段代码，在IPAD上不实行，于是我进行一下处理：
$(function(){
var ua = navigator.userAgent.toLowerCase();
$(\"大众.wangge\公众).hover(function(){
if(ua.match(/iPad/i)==\公众ipad\"大众) {
} else {
$(this).fadeOut();
}
},function(){
if(ua.match(/iPad/i)==\"大众ipad\"大众) {
} else {
$(this).fadeIn();
}
});
})
我们创造在ipad的时候是空值，实在您也可以写上return:false，我这里没写是由于会影响其他部分的JS代码效果。
这里可以多补充下，如果在PHP代码里，我们可以这样来：
$is_iPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
或者
<?php
$agent = strtolower($_SERVER['HTTP_USER_AGENT']);
$is_pc = (strpos($agent, 'windows nt')) ? true : false;
$is_iphone = (strpos($agent, 'iphone')) ? true : false;
$is_ipad = (strpos($agent, 'ipad')) ? true : false;
if($is_pc){
echo \"大众PC机\"大众;
}
if($is_iphone){
echo \公众iPhone\"大众;
}
if($is_ipad){
echo \"大众iPad\"大众;
}
?>
同样我们也可以用Java代码来弄，如下：
RewriteCond %{HTTP_USER_AGENT} ^.iPad.$
RewriteRule ^(.)$ http://ipad.fairyfish.net [R=301]
如果是 iPad 浏览器，跳转到 iPad 页面。
末了总结：
上面的方法，在做相应式布局的项目中常常碰着，希望它能帮助到您。
切图网（qietu.com）是一家专门从事web前端开拓的公司，专注we前端开拓，关注用户体验，欢迎订阅微信公众年夜众号：qietuwang
