js获取浏览器内核

<script language="JavaScript" type="text/javascript">
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {//移动终端浏览器版本信息
                trident: u.indexOf(‘Trident‘) > -1, //IE内核
                presto: u.indexOf(‘Presto‘) > -1, //opera内核
                webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
                gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器
                iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
                webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部
            };
        } (),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    document.writeln("语言版本: " + browser.language);
    document.writeln(" 是否为移动终端: " + browser.versions.mobile);
    document.writeln(" ios终端: " + browser.versions.ios);
    document.writeln(" android终端: " + browser.versions.android);
    document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
    document.writeln(" 是否iPad: " + browser.versions.iPad);
    document.writeln(navigator.userAgent);
</script>
//另一种:
//实现函数如下所示
function getBrowser(n) {
  var ua = navigator.userAgent.toLowerCase(),
      s,
      name = ‘‘,
      ver = 0;
  //探测浏览器
  (s = ua.match(/msie ([\d.]+)/)) ? _set("ie", _toFixedVersion(s[1])):
  (s = ua.match(/firefox\/([\d.]+)/)) ? _set("firefox", _toFixedVersion(s[1])) :
  (s = ua.match(/chrome\/([\d.]+)/)) ? _set("chrome", _toFixedVersion(s[1])) :
  (s = ua.match(/opera.([\d.]+)/)) ? _set("opera", _toFixedVersion(s[1])) :
  (s = ua.match(/version\/([\d.]+).*safari/)) ? _set("safari", _toFixedVersion(s[1])) : 0;

  function _toFixedVersion(ver, floatLength) {
    ver = (‘‘ + ver).replace(/_/g, ‘.‘);
    floatLength = floatLength || 1;
    ver = String(ver).split(‘.‘);
    ver = ver[0] + ‘.‘ + (ver[1] || ‘0‘);
    ver = Number(ver).toFixed(floatLength);
    return ver;
  }
  function _set(bname, bver) {
    name = bname;
    ver = bver;
  }
  return (n == ‘n‘ ? name : (n == ‘v‘ ? ver : name + ver));
};

 调用时,var neihe = getBrowser("n");  所获得的就是浏览器所用内核。
 调用时  var banben = getBrowser("v"); 所获得的就是浏览器的版本号。
 调用时  var browser = getBrowser(); 所获得的就是浏览器内核加版本号。

原文地址:https://www.cnblogs.com/zzy-run-92/p/9166325.html

时间: 2024-08-04 15:05:03

js获取浏览器内核的相关文章

web开发之浏览器(二)----JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型

1,JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型 jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support .在更新的 2.0 版本中,将不再支持 IE 6/7/8. 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9.  以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9及以下的版本. 如果要全面支持 IE,并混合使用 jQuery 1.9及以下 和

js获取浏览器信息和页面信息

1.js获取浏览器信息:包含判断是否为移动端,以及浏览器信息,android版本 2.js获取页面url.domain.title function browserInfo() { var browser = { versions : function() { var u = window.navigator.userAgent; //android版本 var num; if (u.indexOf('Trident') > -1) { //IE return "IE"; } e

js获取浏览器信息及版本(兼容IE)

获取浏览器信息方法有很多种,但是要是兼容ie旧版本就有点麻烦了,因为很多方法在旧版本ie是不支持的,所以ie我做了单独处理,但是目前还有小问题,就是想显示QQ浏览器,搜狗浏览器..这样的,这样还实现不了,因为他们用的别人的浏览器内核,没办法 代码: <template> <section class="p-10"> <h1> {{ browse }} </h1> </section> </template> <

JS获取浏览器可视区域尺寸

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸: 同时,除了IE以外

js获取浏览器宽高、网页宽高、屏幕宽高、鼠标位置等(带图片说明)

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;(点击查看大图) 网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);(点击查看大图)有没有发现,offsetWidth和clientWidth的区别,offsetWidt是连滚动条一起包含在内的. 网页正文全文宽: documen

js 获取浏览器高度和宽度值

js 获取浏览器高度和宽度值 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY

js 获取浏览器版本

1.在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本,根据浏览器版本来调整CSS的样式, 使在web界面在各个浏览器展现达到最佳的效果,下面是获取当前浏览器的代码: getBrowserVersion:function(){ var agent = navigator.userAgent.toLowerCase(); var arr=[]; var Browser=""; var Bversion=""; var verinNum="

JQuery+Js 获取浏览器高度和宽度

JQuery-------做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下. alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括bor

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。(转)

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop. 分类: js.jquery.ext.js技术2011-07-28 17:20 6532人阅读 评论(1) 收藏 举报 浏览器firefoxopera文档htmlie 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offs