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 单引号和双引号的区别及使用注意
Jul 31 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
javascript制作2048游戏
Mar 30 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
vue构建动态表单的方法示例
Sep 22 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 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 和 MYSQL
2006/10/09 PHP
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
php连接mysql数据库代码
2009/03/10 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
Python的组合模式与责任链模式编程示例
2016/02/02 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
生产部管理制度
2014/01/31 职场文书
银行奉献演讲稿
2014/09/16 职场文书
文艺演出主持词
2015/07/01 职场文书
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android