欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript获取各大浏览器信息图示_基础知识

程序员文章站 2022-03-27 12:22:10
...
如何获取浏览器信息

Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.

JavaScript代码如下:

复制代码 代码如下:
function message(){ txt = "

浏览器代码名: " + navigator.appCodeName + "

"; txt+= "

浏览器名称: " + navigator.appName + "

"; txt+= "

浏览器平台和版本: " + navigator.appVersion + "

"; txt+= "

是否开启cookie: " + navigator.cookieEnabled + "

"; txt+= "

操作系统平台: " + navigator.platform + "

"; txt+= "

User-agent头部值: " + navigator.userAgent + "

"; document.getElementById("example").innerHTML=txt; if ((navigator.appName=="Netscape" || navigator.appName=="Microsoft Internet Explorer") && (parseFloat(navigator.appVersion)>=4)){ alert("您的浏览器够先进了!"); } else { alert("是时候升级您的浏览器了!"); } }

我们可以通过这个函数通知用户浏览器是否应该去更新浏览器,同样也可以帮用户得知浏览器的相关信息

各大浏览器的基本信息

楼主测试了几乎当前主流的浏览器,当然不管多少浏览器都是Trident,Blink,Gecko,Webkit这几种的浏览器内核,解析上不会有太大的出入,现附上相关截图如下:

这是Edge的

JavaScript获取各大浏览器信息图示_基础知识

IE11,楼主没有用IE6,不过应该不会有太大的出入

JavaScript获取各大浏览器信息图示_基础知识

Safari的,楼主是Window系统Safari版本比较低

JavaScript获取各大浏览器信息图示_基础知识

搜狗浏览器,曾经楼主也迷恋过它一段时间呢!

JavaScript获取各大浏览器信息图示_基础知识

QQ浏览器(微信版),比较给力,现在楼主除了Chrome用的最多的浏览器,双核Trident和Blink,Chrome内核下飞快

JavaScript获取各大浏览器信息图示_基础知识

360安全浏览器的兼容模式,用的是IE的Trident内核

JavaScript获取各大浏览器信息图示_基础知识

Firefox,不多说了,Netscape正版,开发者必备的浏览器

JavaScript获取各大浏览器信息图示_基础知识

Chrome.现在楼主用的最多的浏览器,Google实在是好,力挺

JavaScript获取各大浏览器信息图示_基础知识

360安全浏览器极速模式,Chrome内核,速度很快

JavaScript获取各大浏览器信息图示_基础知识

代码结果分析

JavaScript获取各大浏览器信息图示_基础知识