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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
手机号码,密码正则验证
Sep 04 Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 Javascript
浅谈javascript中return语句
Jul 15 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
Aug 04 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
深入掌握 react的 setState的工作机制
Sep 27 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
vue实现日历表格(element-ui)
Sep 24 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
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
csdn 博客的css样式 v3
2009/02/24 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
不用一句js代码初始化组件
2016/01/27 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
微信小程序按顺序同步执行的两种方式
2019/12/20 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
python 字典中文key处理,读取,比较方法
2018/07/06 Python
浅析python继承与多重继承
2018/09/13 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python实现文件的分割与合并
2019/08/29 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
师范应届生教师求职信
2013/11/05 职场文书
平安校园建设方案
2014/05/02 职场文书
离开雷锋的日子观后感
2015/06/09 职场文书
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android