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代码示例(重构前后对比)
Jan 23 Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 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
基于mysql的论坛(3)
2006/10/09 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
PHP实现多图上传和单图上传功能
2018/05/17 PHP
面向对象设计模式的核心法则
2013/11/10 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
EasyUI中的dataGrid的行内编辑
2017/06/22 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
使用async await 封装 axios的方法
2018/07/09 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
使用zrender.js绘制体温单效果
2019/10/31 Javascript
浅析JavaScript 函数防抖和节流
2020/07/13 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
python 换位密码算法的实例详解
2017/07/19 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
Python中按值来获取指定的键
2019/03/04 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
python 字典套字典或列表的示例
2019/12/16 Python
Python sep参数使用方法详解
2020/02/12 Python
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
什么是Smart Navigation?
2016/07/03 面试题
员工工作表扬信范文
2014/01/13 职场文书
董事长助理岗位职责
2014/02/18 职场文书
电视购物广告词
2014/03/19 职场文书
副处级干部考察材料
2014/05/17 职场文书
设备技术员岗位职责
2015/04/11 职场文书