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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
window.js 主要包含了页面的一些操作
Dec 23 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 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 字符串替换的方法
2012/01/10 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
js读写(删除)Cookie实例详解
2013/04/17 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
js电话号码验证方法
2015/09/28 Javascript
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
js实现动态改变radio状态的方法
2018/02/28 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
2020/03/03 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
编写Python CGI脚本的教程
2015/06/29 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
医学生自我鉴定范文
2013/11/08 职场文书
信息系统专业个人求职信范文
2013/12/07 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
社区学习十八大感想
2014/01/22 职场文书
审计专业自荐信范文
2014/04/21 职场文书
汽车维修求职信
2014/06/15 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
通知范文怎么写
2015/04/16 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
小学班长竞选稿
2015/11/20 职场文书
如何做好工作总结!
2019/04/10 职场文书