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 入门级学习笔记及源码
Jan 22 Javascript
javascript教程之不完整的继承(js原型链)
Jan 13 Javascript
js闭包实例汇总
Nov 09 Javascript
JavaScript引用类型和基本类型详解
Jan 06 Javascript
BootStrap的两种模态框方式
May 10 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
Nov 30 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
JavaScript实现的拼图算法分析
Feb 13 Javascript
layui写后台表格思路和赋值用法详解
Nov 14 Javascript
JS使用for in有序获取对象数据
May 19 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
Oct 30 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
ThinkPHP中关联查询实例
2014/12/02 PHP
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Cpy和Python的效率对比
2015/03/20 Python
python执行get提交的方法
2015/04/29 Python
python获取一组汉字拼音首字母的方法
2015/07/01 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
Django app配置多个数据库代码实例
2019/12/17 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
计算机专业个人求职信范例
2013/09/23 职场文书
专科毕业生就业推荐信
2013/11/01 职场文书
绿化工程实施方案
2014/03/17 职场文书
2014年督导工作总结
2014/11/19 职场文书
五年级小学生评语
2014/12/26 职场文书
初中语文教学研修日志
2015/11/13 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
八年级作文之感恩
2019/11/22 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python