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 相关文章推荐
理解 JavaScript 预解析
Oct 25 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
详解Node全局变量global模块
Sep 28 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
Feb 01 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
微信小程序图表插件wx-charts用法实例详解
May 20 Javascript
layer弹出层取消遮罩的方法
Sep 25 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
PHP IPV6正则表达式验证代码
2010/02/16 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
php输出金字塔的2种实现方法
2014/12/16 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
node中Express 动态设置端口的方法
2017/08/04 Javascript
vue如何判断dom的class
2018/04/26 Javascript
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python中的Classes和Metaclasses详解
2015/04/02 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
Python3 Random模块代码详解
2017/12/04 Python
Python下载网络小说实例代码
2018/02/03 Python
Django框架 querySet功能解析
2019/09/04 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
Python pymsql模块的使用
2020/09/07 Python
Python读写Excel表格的方法
2021/03/02 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
2014年情人节活动方案
2014/02/16 职场文书
表彰大会策划方案
2014/05/13 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
开天辟地观后感
2015/06/09 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL
JS数组去重详情
2021/11/07 Javascript
golang中的struct操作
2021/11/11 Golang