如何写可以区别Chrome和Safari【转】

用jquery判断这两个浏览器的不同：

 

var userAgent = navigator.userAgent.toLowerCase(); 
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); 
 
// Is this a version of Chrome?
if($.browser.chrome){
  userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7);
  userAgent = userAgent.substring(0,userAgent.indexOf('.'));
  $.browser.version = userAgent;
  // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't
  $.browser.safari = false;
}
 
// Is this a version of Safari?
if($.browser.safari){
  userAgent = userAgent.substring(userAgent.indexOf('version/') +8);
  userAgent = userAgent.substring(0,userAgent.indexOf('.'));
  $.browser.version = userAgent;
}

 

 

在css文件里写两个class.
<style>
.chrome{
/*chrome样式放在这里*/
}
.safari{
/*safari样式放在这里*/
}
</style>

先要引用jquery的代码。放在header里。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

然后代码可以放在网页的任何位置。包含在<script>
$(document).ready(function(){
//上面那段代码
});
</script>
里。不同的样式可以放在两个不同的class里，然后用jquery加载，直接写addClass就可以了，比如 $("#yourElementId").addClass("chrome");。