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 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
微信小程序实战之轮播图(3)
Apr 17 Javascript
webpack使用 babel-loader 转换 ES6代码示例
Aug 21 Javascript
细说webpack源码之compile流程-入口函数run
Dec 26 Javascript
微信小程序文章详情页跳转案例详解
Jul 09 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 Static关键字实用方法
2010/06/04 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
调用innerHTML之后onclick失效问题的解决方法
2014/01/28 Javascript
js 判断js函数、变量是否存在的简单示例代码
2014/03/04 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
js实现多选项切换导航菜单的方法
2015/02/06 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
详解js中==与===的区别
2017/01/08 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
python实现发送邮件及附件功能
2021/03/02 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
2016年国陪研修感言
2015/11/18 职场文书
青年教师听课心得体会
2016/01/15 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js