如何写可以区别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");。
<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");。
相关推荐
liuweiq 2020-07-08
88961137 2020-06-01
marisafari 2020-05-29
jiaguoquan00 2020-05-27
e度空间 2020-06-11
ZHANGRENXIANG00 2020-06-09
fanhuasijin 2020-04-17
juanjuanwang 2020-03-23
81224450 2020-01-24
xiangxiaojun 2020-01-16
程序员俱乐部 2020-01-11
combine 2015-06-23
baynkbtg 2019-12-23
Safari浏览器 2019-12-14
88961137 2019-12-09
NeptuneSafari 2013-07-17