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代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
跟我学习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
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
PHP实现文件下载详解
2014/11/27 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
微信小程序左右滑动的实现代码
2017/12/15 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
Python下的twisted框架入门指引
2015/04/15 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
详解flask入门模板引擎
2018/07/18 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
个人廉洁自律承诺书
2014/03/27 职场文书
新年寄语大全
2014/04/12 职场文书
协议书范本
2014/04/23 职场文书
法定代表人证明书
2014/11/28 职场文书
初中同学会致辞
2015/08/01 职场文书
严以律己学习心得体会
2016/01/13 职场文书
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android
JavaScript实现音乐播放器
2022/08/14 Javascript
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL