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 学习历程和心得分享
Dec 12 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
javascript 实现map集合
Apr 03 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
Jquery Mobile 自定义按钮图标
Nov 18 Javascript
Node 自动化部署的方法
Oct 17 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
基于zTree树形菜单的使用实例
Dec 25 Javascript
vue中render函数的使用详解
Oct 12 Javascript
vue 移动端适配方案详解
Nov 15 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图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
ajax不执行success回调而是执行了error回调
2012/12/10 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
2013/04/24 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
压缩包密码破解示例分享(类似典破解)
2014/01/17 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
python使用itchat实现手机控制电脑
2018/02/22 Python
详解flask表单提交的两种方式
2018/07/21 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
django列表筛选功能的实现代码
2020/03/27 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
经典c++面试题二
2015/08/14 面试题
毕业生找工作的自我评价
2013/10/18 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
法制宣传口号
2014/06/16 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
优秀班集体申报材料
2014/12/25 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
求职自我推荐信
2015/03/24 职场文书
班主任开场白
2015/06/01 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript
详解python的异常捕获
2022/03/03 Python
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL