JavaScript获取各大浏览器信息图示


Posted in Javascript onNovember 20, 2015

如何获取浏览器信息

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

JavaScript代码如下:

function message(){ txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>"; txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; txt+= "<p>浏览器平台和版本: " + navigator.appVersion + "</p>"; txt+= "<p>是否开启cookie: " + navigator.cookieEnabled + "</p>"; txt+= "<p>操作系统平台: " + navigator.platform + "</p>"; txt+= "<p>User-agent头部值: " + navigator.userAgent + "</p>"; 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获取各大浏览器信息图示

Javascript 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
javascript eval函数深入认识
Feb 21 Javascript
Javascript变量函数浅析
Sep 02 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
vue实现点击选中,其他的不选中方法
Sep 05 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 #Javascript
跟我学习javascript的最新标准ES6
Nov 20 #Javascript
详解JavaScript语言的基本语法要求
Nov 20 #Javascript
每天一篇javascript学习小结(面向对象编程)
Nov 20 #Javascript
js鼠标点击图片切换效果实现代码
Nov 19 #Javascript
Bootstrap每天必学之简单入门
Nov 19 #Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 #Javascript
You might like
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
php cookie 详解使用实例
2016/11/03 PHP
DOM 基本方法
2009/07/18 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
js点击选择文本的方法
2015/02/09 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
Three.js基础部分学习
2017/01/08 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
django之跨表查询及添加记录的示例代码
2018/10/16 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
OpenCV 边缘检测
2019/07/10 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
职高毕业生自我鉴定
2013/10/21 职场文书
高中自我评价范文
2014/01/27 职场文书
集中整治工作方案
2014/05/01 职场文书
献爱心活动总结
2014/05/07 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
家庭困难证明
2014/10/12 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
新学期家长寄语2016
2015/12/03 职场文书
浅析MySQL如何实现事务隔离
2021/06/26 MySQL