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 文件夹选择框的两种解决方案
Jul 01 Javascript
JavaScript 笔记二 Array和Date对象方法
May 22 Javascript
Dojo 学习要点
Sep 03 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
vue如何引用其他组件(css和js)
Apr 13 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
Vue实现todo应用的示例
Feb 20 Vue.js
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+xml实现在线英文词典查询的方法
2015/01/23 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
详解package.json版本号规则
2019/08/01 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python的函数嵌套的使用方法
2014/01/24 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解
2020/06/08 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
大学生优秀自荐信范文
2014/02/25 职场文书
志愿者活动总结范文
2014/04/26 职场文书
应届生自荐书
2014/06/23 职场文书
优秀班主任申报材料
2014/12/16 职场文书
慈善募捐倡议书
2015/04/27 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书