JavaScript获取浏览器信息的方法

Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.

JavaScript代码如下:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

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的

上海数码摄影，边学边玩

【点击进入】

理论+外拍实战，跟名师一起边学边玩 沪上摄友平台，短期掌握摄影绝技

查 看

 

 

 

IE11,楼主没有用IE6,不过应该不会有太大的出入

上海数码摄影，边学边玩

【点击进入】

理论+外拍实战，跟名师一起边学边玩 沪上摄友平台，短期掌握摄影绝技

查 看

 

 

 

Safari的,楼主是Window系统Safari版本比较低

上海数码摄影，边学边玩

【点击进入】

理论+外拍实战，跟名师一起边学边玩 沪上摄友平台，短期掌握摄影绝技

查 看

 

 

 

搜狗浏览器,曾经楼主也迷恋过它一段时间呢!

上海数码摄影，边学边玩

【点击进入】

理论+外拍实战，跟名师一起边学边玩 沪上摄友平台，短期掌握摄影绝技

查 看

 

 

 

QQ浏览器(微信版),比较给力,现在楼主除了Chrome用的最多的浏览器,双核Trident和Blink,Chrome内核下飞快

360安全浏览器的兼容模式,用的是IE的Trident内核

Firefox,不多说了,Netscape正版,开发者必备的浏览器

Chrome.现在楼主用的最多的浏览器,Google实在是好,力挺

360安全浏览器极速模式,Chrome内核,速度很快

代码结果分析

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

用javascript获取 url网址信息

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

?

1 2 3 4 5

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

您可能感兴趣的文章:

• jsp 获取客户端的浏览器和操作系统信息
• 用js小类库获取浏览器的高度和宽度信息
• 用js获取电脑信息(是使用与IE浏览器)
• JS 获取浏览器和屏幕宽高等信息的实现思路及代码
• JS 获取浏览器和屏幕宽高等信息代码
• JS完整获取IE浏览器信息包括类型、版本、语言等等
• js获取浏览器基本信息大全