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 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 Javascript
jQuery结合CSS制作动态的下拉菜单
Oct 27 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
浅谈Angular中ngModel的$render
Oct 24 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
js 实现省市区三级联动菜单效果
Feb 20 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
js实现图片粘贴到网页
Dec 06 Javascript
vue表单验证之禁止input输入框输入空格
Dec 03 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
python实现多线程的两种方式
2016/05/22 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
python制作抽奖程序代码详解
2021/01/15 Python
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
Weblogc domain问题
2014/01/27 面试题
给老师的道歉信
2014/01/11 职场文书
年终总结会主持词
2014/03/25 职场文书
人民调解协议书范本
2014/10/11 职场文书
2014年保育员工作总结
2014/12/02 职场文书
实习班主任自我评价
2015/03/11 职场文书
少年犯观后感
2015/06/11 职场文书
2019商业计划书格式、范文
2019/04/24 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
python 中yaml文件用法大全
2021/07/04 Python