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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
JavaScript的Cookies
Jan 16 Javascript
Iframe thickbox2.0使用的方法
Mar 05 Javascript
JS字符串截取函数实例
Dec 27 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
JavaScript简单修改窗口大小的方法
Aug 03 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
javascript实现前端分页功能
Nov 26 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
一篇有意思的技术文章php介绍篇
2010/10/26 PHP
php处理restful请求的路由类分享
2014/02/27 PHP
PHP创建XML接口示例
2019/07/04 PHP
Prototype RegExp对象 学习
2009/07/19 Javascript
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
json数据的列循环示例
2013/09/06 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
整理Python中的赋值运算符
2015/05/13 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
使用tensorflow实现AlexNet
2017/11/20 Python
Python continue继续循环用法总结
2018/06/10 Python
Python异常处理知识点总结
2019/02/18 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
应届毕业生个人求职信范文
2014/01/29 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
什么是css原子化,有什么用?
2022/04/24 HTML / CSS
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技