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 相关文章推荐
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
js post方式传递提交的实现代码
May 31 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
js中的this关键字详解
Sep 25 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
使用js实现数据格式化
Dec 03 Javascript
javascript实现画不相交的圆
Apr 07 Javascript
js实现返回顶部效果
Mar 10 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
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编程语言开发动态WAP页面
2006/10/09 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
python递归法实现简易连连看小游戏
2020/03/25 Python
python之语音识别speech模块
2020/09/09 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
写演讲稿要注意的六件事
2014/01/14 职场文书
领导党性分析材料
2014/02/15 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
学习保证书怎么写
2015/02/26 职场文书
电话营销开场白
2015/05/29 职场文书
创业计划书之花店
2019/09/20 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
nginx lua 操作 mysql
2022/05/15 Servers