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 相关文章推荐
关于使用runtimeStyle属性问题讨论文章
Mar 08 Javascript
js模拟select下拉菜单控件的代码
May 08 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
node.js中的console.dir方法使用说明
Dec 10 Javascript
javascript 动态创建表格
Jan 08 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 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获取MSN好友列表类的实现代码
2013/06/23 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
jQuery 操作option的实现代码
2011/03/03 Javascript
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
vue路由传参三种基本方式详解
2019/12/09 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
Python中运行并行任务技巧
2015/02/26 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
缴纳养老保险的证明
2014/01/10 职场文书
违纪检讨书2000字
2014/02/08 职场文书
微信营销策划方案
2014/02/24 职场文书
道德之星事迹材料
2014/05/03 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
文言文辞职信
2015/02/28 职场文书
合作合同协议书
2016/03/21 职场文书