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获取浏览器信息的方法

PS:javascript取得浏览器地址及参数方法

用javascript获取 url网址信息

执行 用javascript获取url网址信息 代码效果如下

location.host=www。dw。cn

location.hostname=www。dw。cn

location.href=http://www。dw。cn/news/2010-1/201011820131610618.shtml

location.pathname=/news/2010-1/201011820131610618.shtml

location.protocol=http:

详细介绍 window.location方法获取URL

统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:

scheme://host:port/path?query#fragment

scheme: 通信协议

常用的http,ftp,maito等

host:主机

服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号

整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径

由零或多个”/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询

可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP /ASP.NET等技术制作的网页)传递参数,可有多个参数,用”&”符号隔开,每个参数的名和值用”=”符号隔开。

fragment: 信息片断

字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.) 

示例:

1, window.location.href 

整个URl字符串(在浏览器中就是完整的地址栏)

返回值:http://www。dw。cn:80/index.asp?id=209#asp

2,window.location.protocol

URL 的协议部分

返回值:http:

 3,window.location.host

 URL 的主机部分,

 返回值:www。dw。cn

 4,window.location.port

 URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。

 本例返回值:空

 5,window.location.pathname

 URL 的路径部分(就是文件地址)

 返回值:/index.asp

 6,window.location.search

 查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值

 返回值:?id=209

 7,window.location.hash

 锚点

 返回值:#asp

Javascript 相关文章推荐
JavaScript delete操作符应用实例
Jan 13 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
javascript结合canvas实现图片旋转效果
May 03 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
JavaScript性能优化之小知识总结
Nov 20 #Javascript
Bootstrap每天必学之基础排版
Nov 20 #Javascript
详解JavaScript的回调函数
Nov 20 #Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 #Javascript
jquery动态增加删减表格行特效
Nov 20 #Javascript
跟我学习javascript的异步脚本加载
Nov 20 #Javascript
JavaScript获取各大浏览器信息图示
Nov 20 #Javascript
You might like
PHP中其实也可以用方法链
2011/11/10 PHP
php字符串截取函数用法分析
2014/11/25 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
2017/12/01 Javascript
JavaScript实现左侧菜单效果
2017/12/14 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
vue 中的动态传参和query传参操作
2020/11/09 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
在Django框架中编写Context处理器的方法
2015/07/20 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
python实现Zabbix-API监控
2018/09/17 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
python怎么对数字进行过滤
2020/07/05 Python
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
2014年酒店工作总结范文
2014/11/17 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
春风化雨观后感
2015/06/11 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书