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 最简单易用的表单验证插件
Feb 27 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
JavaScript检测实例属性, 原型属性
Feb 04 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 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
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
初级的用php写的采集程序
2007/03/16 PHP
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
ReactNative列表ListView的用法
2017/08/02 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
python中去空格函数的用法
2014/08/21 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
Django内容增加富文本功能的实例
2017/10/17 Python
python+matplotlib绘制3D条形图实例代码
2018/01/17 Python
基于python 取余问题(%)详解
2020/06/03 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
建筑施工安全责任书
2014/07/24 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
安全生产月标语
2014/10/07 职场文书
房屋维修申请报告
2015/05/18 职场文书
导游词之千岛湖
2019/09/23 职场文书
MySQL创建定时任务
2022/01/22 MySQL