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 相关文章推荐
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
jQuery动态添加
Apr 07 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
react系列从零开始_简单谈谈react
Jul 06 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
小程序实现点击tab切换左右滑动
Nov 16 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
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代码的参数说明
2008/06/07 PHP
Session保存到数据库的php类分享
2011/10/24 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
AngularJS中table表格基本操作示例
2017/10/10 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
python实现的简单抽奖系统实例
2015/05/22 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
对pandas中apply函数的用法详解
2018/04/10 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
Python如何读取、写入JSON数据
2020/07/28 Python
Python基于execjs运行js过程解析
2020/11/27 Python
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
优秀中专生推荐信
2013/11/17 职场文书
比赛口号大全
2014/06/10 职场文书
师范大学生求职信
2014/06/13 职场文书
话题作文之成长
2019/12/09 职场文书
springboot layui hutool Excel导入的实现
2022/03/31 Java/Android