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使用手册之三 CSS操作
Mar 24 Javascript
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
js操作数组函数实例小结
Dec 10 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
2015/04/15 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
js实现简单商品筛选功能
2021/02/02 Javascript
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
python构建深度神经网络(DNN)
2018/03/10 Python
Django values()和value_list()的使用
2020/03/31 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
解决pytorch 数据类型报错的问题
2021/03/03 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
使用CSS3制作一个简单的Chrome模拟器
2015/07/15 HTML / CSS
机电一体化求职信
2014/03/10 职场文书
供货协议书
2014/04/22 职场文书
工程负责人任命书
2014/06/06 职场文书
创先争优演讲稿
2014/09/15 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
学术会议通知
2015/04/15 职场文书
培训通知书模板
2015/04/17 职场文书
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers