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 相关文章推荐
$.ajax json数据传递方法
Nov 19 Javascript
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
js中unicode转码方法详解
Oct 09 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
基于复选框demo(分享)
Sep 27 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
Aug 31 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
封装微信小程序http拦截器过程解析
Aug 13 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 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递归实现无限分类 格式化数组的详解
2013/06/08 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
推荐dojo学习笔记
2007/03/24 Javascript
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
2016/05/23 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
Python元字符的用法实例解析
2018/01/17 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
优秀教师感人事迹材料
2014/05/04 职场文书
教师考核鉴定意见
2015/06/05 职场文书
无保留意见审计报告
2015/06/05 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
中学团支部工作总结
2015/08/13 职场文书
MySQL千万级数据表的优化实战记录
2021/08/04 MySQL
angular4实现带搜索的下拉框
2022/03/25 Javascript