JavaScript获取各大浏览器信息图示
2015-11-20 00:00
507 查看
如何获取浏览器信息
Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.
JavaScript代码如下:
[code=js]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("是时候升级您的浏览器了!"); } }
[/code]
我们可以通过这个函数通知用户浏览器是否应该去更新浏览器,同样也可以帮用户得知浏览器的相关信息
各大浏览器的基本信息
楼主测试了几乎当前主流的浏览器,当然不管多少浏览器都是Trident,Blink,Gecko,Webkit这几种的浏览器内核,解析上不会有太大的出入,现附上相关截图如下:
这是Edge的
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/fb2dfeb2571d8a81685919e383ea1ed3.png)
IE11,楼主没有用IE6,不过应该不会有太大的出入
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/e96770865fa5636d7d30627c44fd6ec0.png)
Safari的,楼主是Window系统Safari版本比较低
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/824eb7e286615d97572adb391e8d7954.png)
搜狗浏览器,曾经楼主也迷恋过它一段时间呢!
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/c799850538dac55c6856fb9e90e88f95.png)
QQ浏览器(微信版),比较给力,现在楼主除了Chrome用的最多的浏览器,双核Trident和Blink,Chrome内核下飞快
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/849fa27ac8e36ad93d5c13883f455801.png)
360安全浏览器的兼容模式,用的是IE的Trident内核
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/186d8d375b5b9befd21e5efffdab756d.png)
Firefox,不多说了,Netscape正版,开发者必备的浏览器
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/10dbca50b11ae1b75794f9a2e587029c.png)
Chrome.现在楼主用的最多的浏览器,Google实在是好,力挺
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/e4f997e5eeffaa5b1fd6e94122462dd4.png)
360安全浏览器极速模式,Chrome内核,速度很快
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/7ab1a2533a07f37bd02bb6ecf7684e81.png)
代码结果分析
![](https://oscdn.geek-share.com/Uploads/Images/Content/201511/86fd7391aa238935b63b9de2c491d26c.png)
相关文章推荐
- 跟我学习javascript的异步脚本加载
- 详解JavaScript的回调函数
- JavaScript性能优化之小知识总结
- JavaScript获取浏览器信息的方法
- 不想让浏览器运行javascript脚本的方法
- json
- 使用ember-simple-auth实现Ember.js应用的权限控制
- JS获取 select标签里的值
- 关于jsp的basepath和path的使用
- 获取json格式
- JS 对象关联设计模式 比 面向对象设计更优秀
- headroom.js 用例,漂亮完善的 鼠标滚动 --->导航栏隐藏显示效果
- 第23篇 js快速学习知识
- PrimeFaces 核心源码 js
- 珠联璧合:组合 R 语言和 D3.js 的力量
- JSP基础
- JS 简单回调函数实现
- jsp修改example5-6
- JSON数据转换
- [Web前端]梳理-JavaScript.2.变量与量. 3.数据类型