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 getElementsByClassName函数
Apr 01 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
JavaScript字符串对象
Jan 14 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 Javascript
vue实现个人信息查看和密码修改功能
May 06 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
AngularJS实现的自定义过滤器简单示例
Feb 02 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
Zerg兵种介绍
2020/03/14 星际争霸
php面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
php csv操作类代码
2009/12/14 PHP
PHP5函数小全(分享)
2013/06/06 PHP
PHP输出英文时间日期的安全方法(RFC 1123格式)
2014/06/13 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
拖动一个HTML元素
2006/12/22 Javascript
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
基于jquery的表格排序
2010/09/11 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
JS组件Bootstrap Select2使用方法解析
2016/05/30 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
json跨域调用python的方法详解
2017/01/11 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
django静态文件加载的方法
2018/05/20 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
《颐和园》教学反思
2014/02/26 职场文书
社区志愿者活动总结
2014/06/26 职场文书
无刑事犯罪记录证明范本
2014/09/29 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
员工离职通知函
2015/04/25 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python